<address>:联系人地址元素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

<address> HTML 元素表示其包含的 HTML 内容提供了与个人、团体或组织联系的信息。

尝试一下

<address> 元素内容提供的联系信息应根据上下文采用适当的格式,并可能包含所需的各种类型的联系方式,如实体地址、URL、电子邮件地址、电话号码、社交媒体账号、地理位置等。<address> 元素应当包含联系信息所指的个人、群体或组织的名称。

<address> 可以在多种场景下使用,例如在页面头部提供企业的联系方式,或在 <article> 内嵌入 <address> 元素来标注文章作者的联系信息。

属性

这个元素只包含全局属性

使用说明

  • 当表示一个和联系信息无关的任意的地址时,请改用 <p> 元素而不是 <address> 元素。
  • 这个元素不能包含除联系信息之外的任何信息,比如出版日期(这应当被包含在 <time> 元素之中)。
  • 通常,<address> 元素可以放在 <footer> 元素之中(如果存在的话)。

示例

此示例演示了如何使用 <address> 表示一篇文章的作者的联系信息。

html
<address>
  你可以通过
  <a href="http://www.example.com/contact">www.example.com</a><br />
  与作者联系。如果你发现了任何错误,请<a href="mailto:webmaster@example.com"
    >联系网站管理员</a
  ><br />
  你也可以前来访问:美国加利福尼亚州山景城伊芙琳大道东 331 号 Mozilla
  基金会,邮编:94041
</address>

结果

虽然 <address> 元素看起来只是使用了 <i> 或者 <em> 元素的默认样式来渲染其中的文本,但是当处理联系信息时使用它更为合适,因为它表达了额外的语义信息。

技术概要

内容分类 流式内容、可感知内容。
允许的内容 流式内容,但不允许嵌套 <address> 元素,不允许包含标题内容(<hgroup>h1h2h3h4h5h6)、章节内容(<article><aside><section><nav>)以及 <header><footer> 元素。
标签省略 不允许,开始标签和结束标签都不能省略。
允许的父元素 任何接受流式内容的元素,但始终排除 <address> 元素(按照逻辑对称性原则,如果 <address> 标签作为父级,不能有嵌套的 <address> 元素,那么相同的 <address> 内容也不能有 <address> 标签作为其父级)。
隐含的 ARIA 角色 group
允许的 ARIA 角色 任意
DOM 接口 HTMLElement 在 Gecko 2.0(Firefox 4)之前,Gecko 使用 HTMLSpanElement 接口实现此元素

规范

Specification
HTML
# the-address-element

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
address

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

参见