1. 面向开发者的 Web 技术
  2. HTML（超文本标记语言）
  3. HTML 参考
  4. HTML 元素参考
  5. <address>

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

<address>：联系人地址元素

基线 广泛可用

自 2015年7月 起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

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

尝试一下

<p>Contact the author of this page:</p>

<address>
  <a href="mailto:jim@example.com">jim@example.com</a><br />
  <a href="tel:+14155550132">+1 (415) 555‑0132</a>
</address>

a[href^="mailto"]::before {
  content: "📧 ";
}

a[href^="tel"]::before {
  content: "📞 ";
}

由 <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>、h1、h2、h3、h4、h5、h6）、章节内容(<article>、<aside>、<section>、<nav>）以及 <header> 或 <footer> 元素。
标签省略 不允许，开始标签和结束标签都不能省略。
允许的父元素 任何接受流式内容的元素，但始终排除 <address> 元素（按照逻辑对称性原则，如果 <address> 标签作为父级，不能有嵌套的 <address> 元素，那么相同的 <address> 内容也不能有 <address> 标签作为其父级）。
隐含的 ARIA 角色 group
允许的 ARIA 角色 任意
DOM 接口 HTMLElement 在 Gecko 2.0（Firefox 4）之前，Gecko 使用 HTMLSpanElement 接口实现此元素

规范

规范
HTML
# the-address-element

浏览器兼容性

参见

帮助改进 MDN

了解如何参与贡献

此页面最后更新于 ，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题