标签专用于标记当前页面、文章或章节的作者、归属方或联系人信息,如博客作者邮箱、记者联系方式等,不可用于普通邮政地址或公司营业地址,应嵌套在等语义容器内且避免交互元素。

用 <address></address> 标签定义作者或文档的联系信息,它专用于标记与当前页面、文章或章节相关的作者、归属方或联系人信息,不是随便放邮箱或地址的地方。
明确适用范围:谁的联系信息?
<address></address> 不是泛指“地址”,而是表示内容创作者或责任主体的联系方式。常见场景包括:
- 一篇博客文章末尾的作者邮箱、个人网站、社交媒体链接
- 公司官网“关于我们”页面中该页面编辑/维护者的联系方式
- 新闻稿底部署名记者的联系电话或邮箱
- 独立文章(
<article></article>)内部的作者信息块
注意:它不适用于邮政地址本身(比如“北京市朝阳区XXX路1号”),除非这个地址明确属于当前内容的作者或发布者。
如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
正确嵌套方式:配合语义结构使用
<address></address> 通常放在 <article></article>、<section></section> 或 的结尾位置,且可包含链接、段落、行内元素,但不能包含交互式内容(如表单、按钮)或标题级元素(<h1>–<h6></h6>
</h1>)。示例:
<article><h2>响应式设计入门</h2>
<p>……正文内容……</p>
<address>
作者:<a href="https://www.php.cn/link/d91782eeaa98bfeb4e950cd7dd135027">author@example.com</a><br>
个人博客:<a href="https://www.php.cn/link/b05edd78c294dcf6d960190bf5bde635">https://www.php.cn/link/b05edd78c294dcf6d960190bf5bde635</a>
</address>
</article>
样式与可访问性提示
浏览器默认会给 <address></address> 添加斜体样式(font-style: italic),这是语义提示,不是装饰。如果项目需要统一字体,可重置样式,但不要因此放弃使用该标签——屏幕阅读器会据此识别联系信息区块,提升可访问性。建议保留其语义价值,仅通过 CSS 调整外观。
常见误用避坑
- ❌ 在页脚放整个公司的营业地址(应使用普通段落或
<div>,除非页脚明确代表“本页面作者”) <li>❌ 套在导航菜单、版权声明或法律条款里(这些不属于“联系信息”语义)</li> <li>❌ 多层嵌套或包裹无关内容(如广告、友情链接)</li> <li>✅ 正确做法:一个 <code><article></article>内最多一个<address></address>,聚焦于该文内容的责任人










