HTML5 <address> 标签

2018-03-01 14:02 更新

实例

通过HTML5 <address>标签,你可以得到某个文档中所属作者或者所有者的相关的联系信息,请参考下面的示例:

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>
尝试一下 »

浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器都支持 <address> 标签。


标签定义及使用说明

<address> 标签定义文档作者/所有者的联系信息。

如果 <address> 元素位于 <body> 元素内部,则它表示该文档作者/所有者的联系信息。

如果 <address> 元素位于 <article> 元素内部,则它表示该文章作者/所有者的联系信息。

<address> 元素的文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。


提示和注释

提示:不应该使用 <address> 标签来描述邮政地址,除非这些信息是联系信息的组成部分。

<address> 是用来存放地址信息的,它可以和<article>元素配对来提供文章作者的联系信息。对它的使用需要注意以下几点:

  • 如果行文中出现了一些随意的地址,你就不应该使用<address>元素,而应该使用普通的<p>元素就行了。

  • <address>元素里应该只存放地址信息,不要放置其它跟地址不相关的信息,比如出版时间,你应该把它放到<time>元素里。

  • 一个好的习惯是,我们应该把<address>放到<footer>元素里。当然了,如果没有<footer>元素也就不用参考这个规则了。


HTML 4.01 与 HTML5之间的差异

HTML 4.01 不支持 <article> 标签,因此在 HTML 4.01 中 <address> 标签总是定义文档的作者/所有者的联系信息。


全局属性

<address> 标签支持 HTML 的全局属性


事件属性

<address> 标签支持 HTML 的事件属性


相关阅读

HTML DOM 参考手册:HTML DOM Body 对象


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号