为我的网站编写
标记的正确方法,以提供我们公司的联系方式

2023-12-14

我正在使用 asp.net mvc-5 构建一个网站,我想提供我们公司的联系方式,如电话、电子邮件、邮政地址等,所以我使用了<address>在我们的“联系我们”页面中标记如下(我将真实数据替换为***):-

<div class="row">
  <div class="col-lg-4 col-md-4 col-sm-4 address">
    <h2>Addresses</h2>
    <address>
      <div class="info">
        <p><span class="footercolor">Telephone: </span><span>+******</span></p>
        <p><span class="footercolor">FAX: </span><span class="marginfax">+*****</span></p>
        <p class="mainaddress">3rd Floor, Bldg. 1(....),<br />... Str. .CityName</p>
        <p><span class="footercolor">P</span>.<span class="footercolor">O</span>.<span class="footercolor">Box: </span><span>*****,**** 1212,CountryName</span></p>
        <p><span class="footercolor">Email:</span><span> <a href="mailto:info@****.com " target="_top">info@*****.com</a></span></p>
      </div>
    </address>
  </div>

所以我有几个关于使用的问题<address> tag:-

  • 里面这个link他们提到了以下关于地址标签的内容提示:<address>标签不应用于描述邮政地址,除非它是联系信息的一部分。...那么为什么我不应该在里面添加邮政地址<address> tag?

  • Is the <address>标记正确的方式来提供我们公司的联系方式,就像我目前正在做的那样,或者它应该用于提供有关网站所有者的详细信息,例如谁创建了该网站以及何时......

  • 提供里面的联系方式有什么好处<address>标签与在基本内容中写入联系信息相比<div> or <p>?


何时应使用地址标签

来自 W3C(https://www.w3.org/TR/html-markup/address.html):

如果地址元素应用于主体元素,那么它代表 整个文档的联系信息。如果地址元素 适用于文档的一部分,那么它代表联系人 仅该部分的信息。

总而言之,地址标签的作用是联系信息。如果您的联系信息只是电话号码,则地址块中应仅包含电话号码。如果您的联系信息是电话号码、邮政地址和电子邮件(如您的情况),那么所有这些信息(包括邮政地址)都应包含在地址块中。

何时不应使用地址标签

关键是,如果不是联系信息,则不应在地址块中包含邮政地址。例如,如果您有一个房地产网站,并且您要列出有关可用房屋的信息,则房屋列表的地址不应出现在地址块中。另一方面,房地产经纪人的地址应包含在地址块中,因为这是联系信息。

为什么使用地址标签

HTML 是有语义的。即/您提供内容并赋予该内容意义。您赋予内容的意义越多越好。地址传达的含义不仅仅是 div 或 p,因此如果地址合适,您应该使用地址。事实上,W3C 关于 div 的说法如下(https://www.w3.org/TR/html5/grouping-content.html#the-div-element):

强烈鼓励作者将 div 元素视为一个元素 当没有其他元素合适时,最后的手段。使用更多 适当的元素代替 div 元素会带来更好的结果 读者的可访问性和作者的可维护性。

地址标签内可接受的内容

地址块内的 Div 和 P 是完全可以接受的。更具体地说,这是您可以在地址块中使用的内容(来自https://developer.mozilla.org/en-US/docs/Web/HTML/Element/address):

内容流动,但没有嵌套<address>元素,无标题内容 (

,

,

,

,

,

,
),无分段内容 (

div 和 p 是流动内容。

tl;dr:也许你可以让你的代码更漂亮一点。但就地址标签的使用而言,你做得很好!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为我的网站编写
标记的正确方法,以提供我们公司的联系方式 的相关文章

  • 标题的固定高度和更改宽度(HTML 表格)

    我需要确保表格标题的高度是固定的 并且宽度是根据标题单元格内容进行调整的 标题文本最多显示两行 我们如何使用样式来做到这一点 另外 我想确保表行的宽度与标题行的宽度相同 即标题行决定宽度 注 目前 交易部门负责人别名 是按行排列的 它需要分
  • Bootstrap 4 行布局没有响应

    我正在使用 Bootstrap 4 在 MEAN 堆栈上为新闻文章布局创建一个 html 模板 但这应该不重要 对于这种总体布局的要求是 一篇 特色 文章位于其自己的列中 而其他 8 篇文章位于另一列中的两行中 当在较小的屏幕或移动设备上查
  • 文本区域下的额外填充

    我的文本区域下面有额外的填充 但我似乎找不到它的来源 我已将单独的代码放在此页面上 http jsfiddle net wfuks http jsfiddle net wfuks 我似乎找不到它的来源 它有类 field field bac
  • 我可以在一个变量中拥有多个值吗?

    正如标题 我可以在一个变量中拥有多个值吗 首先 我有这个表格
  • Phonegap(应用程序错误...发生网络错误)

    我已经使用phonegap 创建了一个版本 在index html 文件中 我编写了一个简单的iframe 用于加载网站 当我从phonegap获取本地url时它就起作用了 但如果我将整个构建作为 zip 文件上传到 PhoneGap 中
  • 将 html 源拆分为多个文件

    HTML 是否支持将源代码拆分为多个文件 我正在寻找 C 的等价物 include 或者也许是类似 C 的东西partial 可以采用源路径并在该位置注入文件内容的元素 如果之前有人问过这个问题 我们深表歉意 Google 和 SO 搜索没
  • html 音频标签,持续时间总是无穷大

    我一直在研究使用 html 音频标签来播放一些音频文件 音频播放正常 但音频标签的持续时间属性始终返回无穷大 我尝试了接受的答案this https stackoverflow com questions 16849023 html5 au
  • 使用 XPath 获取内部有链接的段落文本

    我正在使用 XPath 解析 HTML 页面 并希望获取某些特定段落的完整文本 包括链接文本 例如我有以下段落 p class main content This is sample paragraph with a href http g
  • 从 firebase 数据库获取最高分值

    在我的网站上有一些我从 firebase 获得的电影 电影的分数在0到100之间 我已经在我的网站上找到了所有电影 我还想按降序显示它们 例如评分最高的 5 部电影 我怎样才能实现这一点 感谢您的回答 const app initializ
  • Twitter Bootstrap 按钮的水平和垂直分离

    是什么导致 Twitter Bootstrap 的按钮水平分离 我在 CSS 代码中找不到它 我试图对垂直方向重复相同的操作 但似乎我未能实现这一目标 如何在按钮之间添加垂直分隔 仅当它们垂直堆叠时 第二张图片 但当它们不是 第一张图片 时
  • 占位符不适用于 Internet Explorer

    我的应用程序出现了小问题 Internet Explorer 11 上不存在占位符 我尝试了下面的 CSS 示例 但没有成功 ms input placeholder IE10 11 color ccc important font wei
  • 如何以“打印”模式查看 Google 地图?

    我正在使用 Google Maps API v2 并且希望能够像 Google 在其地图页面上那样打印地图 您可以单击小打印机图标 它会创建一个具有相同地图的新弹出窗口 但所有不可打印的内容 如控件 都会被删除 我知道他们使用 media
  • 如何使单词中的每个字母在悬停时发生变化

    假设我的网站上某个段落中有一个单词 IamGreat 我希望它在悬停时更改为 Good4you 但是 我不想更改整个单词 而是希望每个字母单独更改 因此 如果我将鼠标悬停在字母 I 上 它将变成字母 G 字母 r 将变成数字 4 等 这两个
  • Django 未在 404 页面上应用应用程序中的 CSS 文件

    姜戈3 0 8 Python 3 7 x 我有一个包含一些应用程序的 Django 项目 我正在尝试为 400 403 404 500 错误制作一些 默认 错误页面 我已经这样做了 并显示了适当的模板 但没有任何样式或 JS 在 404 错
  • 在java中将DataURL图像转换为图像文件

    我在我的 java servlet 中接收图像 DataURL 它看起来像 data image jpeg base64 9j 4AAQSkZJRgABAQAAAQABAA 我需要将其另存为图像文件 我该怎么做 The simplest w
  • 有没有一种方法可以使页面布局在 100% 缩放下完美契合,同时又尊重更大的缩放系数?

    有多种方法可以布局网页 使其适合浏览器视口 DOMwindow 当我说 适合 时 我包括更改所用字体的大小 更改 DIV IMG 和其他渲染元素的宽度和高度 以及允许元素 流畅 移动 目标是使页面在所有显示设备 从小型手机到大桌面屏幕 上看
  • 使用 DOM 获取 div 的内容(包括子标签)

    我正在使用 DOM 来获取 div 标签的内容 但内部 html 部分未显示 功能是 dom new DOMDocument libxml use internal errors true dom gt loadHTMLFile url l
  • Jquery 关注下一个带有类的元素

    我正在尝试创建一个函数 当按下 Enter 键时 会选择带有类的下一个输入 我已经设法 focus 同一行中的下一个元素 但是 如果我需要选择下一行的下一个输入 它将无法继续 下一行中的第一个 quantity 文本框需要获得焦点 控制台没
  • LESS CSS 在媒体查询中设置变量?

    我正在开发一个专门针对 iPad 的网站 为了使我的网站能够在视网膜显示屏 iPad 和旧版本 iPad 上运行 我想在媒体查询中的 LESS CSS 中设置一个变量 例如 media all and max width 768px rat
  • 如何显示不同页眉的页面? [关闭]

    Closed 这个问题需要细节或清晰度 help closed questions 目前不接受答案 我正在为我的学校项目开发网站 但我遇到了一个问题 我在每个页面上显示一个标题 我的标题之一包含登录表单 另一标题包含用户名 搜索栏等 问题是

随机推荐

  • 如何在 Angular 2 中跟踪路由?

    我有带有单独的路由设置文件的组件 import NgModule from angular core import Routes RouterModule from angular router import Route from core
  • 无法在 php 中获得正确的输出模式

    我正在尝试在 php 中获取此模式 我已经尝试过 但我无法产生输出 因为我的输出如下 run project l php 5 0 01 012 0123 01234 然而 代码是
  • 汇编代码可以跨平台吗?

    0x042444FF inc dword ptr esp 4 0x042444FF是机器码 而inc dword ptr esp 4 是汇编代码 我知道 机器代码不是跨平台的 因为它取决于许多因素 汇编代码呢 它取决于CPU吗 汇编代码不是
  • Silverlight DataGrid如何从所选项目中获取单元格值?

    我正在尝试从 silverlight 数据网格的选定项目中获取单元格值 在附加的代码中 我可以获取单元格的属性并更改其前景色 但我无法获取单元格的值 有人可以让我知道我做错了什么吗 非常感谢您的帮助 private void FindDet
  • 如何在AVAudioPlayer中按顺序循环播放多个音频文件?

    我想通过循环播放多个文件 我在下面写了代码 请帮我 soundList NSArray alloc initWithObjects mySong1 mp3 mySong2 mp3 mySong3 mp3 mySong4 mp3 mySong
  • 在 Sublime Text 2 中将一行单词更改为垂直列表的快捷方式

    Is it possible to make this title on line 1 a list of items from each word or symbol seperated by a space with a keyboar
  • C# 相当于 file_get_contents (PHP)

    作为后续 OAuthException 15 您调用的方法必须使用应用程序秘密签名会话来调用我想知道 file get contents 的等效项是什么 我尝试了以下但我得到了illegal characters in path error
  • AllocConsole() 不显示 cout

    我有一个 DLL 我在其中使用 AllocConsole 和 cout 显示数据以进行调试 它曾经工作正常 但自从我将编译器 Visual Studio 2012 更新到最新版本后 dll 只显示控制台 但不显示打印 输出 我不知道为什么会
  • 拒绝二进制文件,状态等待审核(找不到拒绝二进制文件按钮)

    我想拒绝正在等待审核的二进制文件 当我转到该路径时开发者指南指定我找不到拒绝二进制文件的按钮 在 iTunes 连接中 从 我的应用程序 select 单击您的应用程序 然后 确保您在 版本 选项卡 并选择正确的版本 Click 从审核中删
  • 在基于打字稿的设置上运行续集播种机时出错

    我想在我的express api上使用sequelize播种机和迁移 目前所有模型都是使用打字稿编写的续集打字稿 我尝试使用打字稿添加我的第一个种子文件 但运行时出现错误 20221028050116 feeds ts播种文件 use st
  • xsd:choice 的 minOccurs 和 maxOccurs 的含义?

    有什么区别
  • Python 3 中具有列表理解的多行用户输入

    这里完全是 Python 新手 我正在使用 Python 3 解决 CodeAbbey 的问题 我希望得到帮助来缩短用户输入的代码 假设我想从用户那里获取以下输入 3 2 3 4 5 6 7 第一行是案例数 接下来的每一行都是案例本身 有
  • 如何在条形图中显示每个条形的条形值?

    需要查看条形图中的条代表的精确值 而不是 Y 轴上的近似值 这怎么可能做到呢 谢谢阅读 在 iReport 3 7 6 中 您只需选中 BarPlot 属性下的 显示标签 框即可 在之前的版本 3 1 4 中 我必须创建一个 ChartCu
  • Python - 英语翻译器

    用 Python 编写程序将英语单词和 或短语翻译成其他语言的最佳方法是什么 AJAX Language API 这是一个非常困难的问题 语言非常非常very复杂的 想想你必须做的所有事情 解析这个短语 弄清楚这些词的意思 然后翻译它们 这
  • 如何禁用 NSURLConnection 中的 keepalive?

    有什么办法可以强制NSURL连接不重复使用当前的持久连接但要创建一个新的 我正在努力保护自己免受这个已知的影响iOS8 保活错误 如果 iOS 8 收到带有 Keep Alive 标头的 HTTP 响应 它会保留此标头 连接稍后重用 应该如
  • 查找包含带有标签的子任务的家长问题

    我有一个 JIRA 项目 我的一些任务包含标签为 needDesign 的子任务 是否可以找到包含具有该标签的子任务的所有父任务 我使用ondemand jira版本 Jira JQL 并非不提供开箱即用的功能 但是有许多扩展 JQL 的附
  • javafx平台runlater返回结果

    我正在开发 JavaFX 应用程序 在我的场景中是显示在 JavaFX 中创建的密码提示 该提示需要带有两个选项的密码OK and Cancel 我已返回用户输入的密码 我的显示密码对话框的类别是 public static String
  • 如何在不使用 ++ 或 + 或其他算术运算符的情况下将两个数字相加

    如何在不使用 或 或任何其他算术运算符的情况下将两个数字相加 这是很久以前在一次校园面试中被问到的问题 不管怎样 今天有人问了一个关于一些位操作的问题 并在回答中给出了一个漂亮的指南斯坦福有点玩弄 这是我前段时间为了好玩而写的 它使用一个二
  • jquery®ex 的电话号码格式

    我需要验证任何输入 val 并将其转换为电话号码格式 即 input 呃 f375g25123435s67我需要转换成 375 25 1234567 keyup function newval this val replace D g ne
  • 为我的网站编写
    标记的正确方法,以提供我们公司的联系方式

    我正在使用 asp net mvc 5 构建一个网站 我想提供我们公司的联系方式 如电话 电子邮件 邮政地址等 所以我使用了