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>
特性
内容类别 | 流式内容,可触知内容。 |
---|---|
允许的内容 |
流式内容,但不能内嵌 <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>
虽然地址元素使用与 <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 | 支持 | 支持 | 支持 |