HTML <address> 元素

HTML <address> 元素为其最近的 <article><body> 提供联系信息。如果是后者,它适用于整个文档。

Example.com 的联系信息:

<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

尝试一下 »

截图

Example.com 的联系信息

特性

内容类别 流式内容可触知内容
允许的内容 流式内容,但不能内嵌 <address> 元素,不能包含标题内容<hgroup><h1><h2><h3><h4><h5><h6>),不能包含章节内容<article><aside><section><nav>),还不能包含 <header><footer> 元素。
标签省略 不允许,开始标签和结束标签都不能省略。
允许的父元素 任何接受流式内容的元素,除了 <address> 元素(根据对称的逻辑原理,如果 <address> 标签作为父类,不能嵌套 <address> 元素,同样的,有 <address> 的内容,不能有 <address> 标签作为其父类)。
允许的 ARIA 角色
DOM 接口 HTMLElement 在 Gecko 2.0(Firefox 4)之前,Gecko 使用 HTMLSpanElement 接口实现了这个元素。

属性

该元素包含全局属性

事件属性

<address> 元素支持 HTML 的事件属性

使用说明

  • 要表示与联系人信息无关的任意地址,请使用 <p> 元素而不是 <address> 元素。
  • 该元素不应包含比联系信息更多的信息,如发布日期(属于 <time> 元素)。
  • 通常,<address> 元素可以放置在当前章节的 <footer> 元素内(如果有的话)。

HTML 4.01 与 HTML5 之间的差异

HTML 4.01 不支持 <article> 元素,因此在 HTML 4.01 中 <address> 元素总是定义_文档_的作者/所有者的联系信息。

实例

<article> 中使用 <address> 展示网址,邮箱,地址等详细信息

<article>
  <h1>关于我们</h1>
  <p>关于我们的详细说明。</p>
  <address>
  您可以在 <a href="http://www.somedomain.com/contact">www.somedomain.com</a> 联系作者。<br>
  如果您看到任何的 bug,请<a href="mailto:webmaster@somedomain.com">联系网站管理员</a><br>
  您可能还想访问我们:<br>
  Mozilla Foundation<br>
  1981 Landings Drive<br>
  Building K<br>
  Mountain View, CA 94043-0801<br>
  USA
  </address>
</article>

尝试一下 »

截图

在 <article> 中使用 <address> 展示网址,邮箱,地址等详细信息

虽然地址元素使用与 <i><em> 元素相同的默认样式来展示文本,但是在处理联系人信息时使用 <address> 更加合适,因为它传达了额外的语义信息。

规范

规范 状态 备注
HTML Living Standard
<address> 的定义
现行的标准 -
HTML5
<address> 的定义
推荐 -
HTML 4.01 Specification
<address> 的定义
推荐 -

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 支持 支持 1 支持 5.12 1

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 支持 支持 支持 1 支持 支持 支持

相关链接