HTML宝典(第 1 版)
2.1.9 address元素
阅读(

HTML基础

HTML元素

结构语义元素

footer元素

aside元素

section元素

article元素

main元素

nav元素

header元素

h1~h6元素

address元素

address元素用来定义整个页面、文章或区域的作者或拥有者的联系信息,可以包括作者或拥有者的名字、站点链接、电子邮箱、真实地址、电话号码等各类联系信息。标记为联系信息后,可以让屏幕阅读器和搜索引擎找到地址或电话号码。

address 一般放在 footer 中,有时也放在 header 中,视情况而定。大多数浏览器会在 address元素的前后添加一个换行符,当然,如果必要的话,也可以根据需要在 address 的内容中添加额外的换行符。如:

<address>
Email: <a href="mailto:contact@waibo.wang">contact@waibo.wang</a><br />
QQ: 123456<br />
Phone: +86 12345678
</address>

运行结果如图 2‑4 所示:

联系信息
图2-4 联系信息

从上图可以看出,默认情况下,浏览器会将 address 的内容呈现为斜体。不过,Web设计师可以根据上下文设置合适的样式。

需要注意的是,address 的字面意是“地址”,但其实并非如此。HTML5规范明确指出,address 代表文档或者文章作者或拥有者的联系信息。这很容易发生混淆,因此,笔者认为这个元素的名称还是改为 contact 比较合适。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验