试一试
<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> 元素来指明文章的作者。
属性
此元素仅包含全局属性。
用法说明
示例
此示例演示了如何使用 <address> 来标记文章作者的联系信息。
html
<address>
You can contact author at
<a href="http://www.example.com/contact">www.example.com</a>.<br />
If you see any bugs, please
<a href="mailto:webmaster@example.com">contact webmaster</a>.<br />
You may also want to visit us:<br />
Mozilla Foundation<br />
331 E Evelyn Ave<br />
Mountain View, CA 94041<br />
USA
</address>
结果
尽管它在默认样式上与 <i> 或 <em> 元素相同，但在处理联系信息时使用 <address> 更为合适，因为它传达了额外的语义信息。
技术摘要
| 内容类别 | 流内容，可感知内容。 |
|---|---|
| 允许内容 |
流内容，但不能嵌套 <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 |
浏览器兼容性
加载中…