<address> - HTML(超文本标记语言) 编辑
HTML <address>
元素 表示其中的 HTML 提供了某个人或某个组织(等等)的联系信息。
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
由<address>
元素中任何形式的内容所提供的联系信息适用于上下文的背景信息,可以是必要的任何一种联系方式,比如真实地址、URL、电子邮箱、电话号码、社交媒体账号、地理坐标等等。此元素应该包含联系信息对应的个人、团体或组织的名称。
<address>
可以使用在多种语境中,例如在文章开头提供商务的联系方式,或者放在<article>
元素内,指明该文章的作者。
内容分类 | Flow content, palpable content. |
---|---|
允许的内容 | Flow content, 但是不能嵌套<address>元素 , 不能是头部内容 (<hgroup> , <h1> , <h2> , <h3> , <h4> , <h5> , <h6> ), 不能是区块内容 (<article> , <aside> , <section> , <nav> ), 不能是<header> 或 <footer> 元素. |
标签省略 | 不允许,开始标签和结束标签都不能省略。 |
允许的父元素 | Any element that accepts flow content, but always excluding <address> elements (according to the logical principle of symmetry, if <address> tag, as a parent, can not have nested <address> element, then the same <address> content can not have <address> tag as its parent). |
允许的 ARIA 角色 | 无 |
DOM 接口 | HTMLElement 在 Gecko 2.0(Firefox 4)以前,Gecko 使用 HTMLSpanElement 接口实现这个元素 |
属性
此元素只有全局属性。
用法说明
- 当表示一个和联系信息无关的任意的地址时,请改用
<p>
元素而不是<address>
元素。 - 这个元素不能包含除联系信息之外的任何信息,比如出版日期(这应当被包含在
<time>
元素之中)。 - 通常,
<address>
元素可以放在<footer>
元素之中(如果存在的话)。
示例
这个例子演示了如何使用 <address>
表示一篇文章的作者的联系信息。
<address>
You can contact author at <a href="http://www.somedomain.com/contact">
www.somedomain.com</a>.<br>
If you see any bugs, please <a href="mailto:webmaster@somedomain.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>
结果
虽然 <address>
元素看起来只是使用了 <i>
或者 <em>
元素的默认样式来渲染其中的文本,但是当处理联系信息时使用它更为合适,因为它表达了额外的语义信息。
规范
规范 | 状态 | 备注 |
---|---|---|
HTML Living Standard <address> | Living Standard | |
HTML5 <address> | Recommendation | |
HTML 4.01 Specification <address> | Recommendation |
浏览器兼容性
BCD tables only load in the browser
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.另请参阅
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论