address标签专用于标记与页面或文章相关的作者、拥有者等责任方联系信息,如邮箱、网站、社交链接,不可用于普通邮寄地址;允许嵌套a、em、br等短语内容,不支持h1–h6、p等块级元素;其作用域依上下文为最近article或整个页面。

address 标签在 HTML5 中专用于标记一段与当前页面或文章相关的联系信息,不是用来标记任意地址(比如邮寄地址、地理位置),而是表示作者、拥有者或责任方的联系方式。
语义范围:只适用于“归属关系”的联系信息
它描述的是“谁负责这个内容”,例如:
- 文章底部的作者邮箱、个人网站、社交媒体链接
- 博客页面侧边栏中博主的联系方式
- 公司官网首页底部的版权归属与联系人信息(如“© 2024 XXX团队 · contact@example.com”)
注意:街道地址、邮编、电话号码等若只是普通业务地址(无明确作者/责任人归属),不应套用 address;此时更适合用 div + 微数据(Microdata)或 dl 等更中性的结构。
嵌套规则:可包含联系相关的内联元素
address 是一个段落级元素,允许包含以下内容:
立即学习“前端免费学习笔记(深入)”;
- a(链接到邮箱、网站、社交主页)
- em、strong(强调作者名或组织名)
- br(换行分隔不同联系项)
- 纯文本(如“作者:张三”、“维护:前端组”)
但不能嵌套标题(h1–h6)、段落(p)、列表(ul/ol)等块级元素——HTML5 明确限制其内容模型为 phrasing content(短语内容)。
作用域:默认关联最近的 article 或整个页面
address 的语义范围取决于上下文:
- 如果出现在 article 内部,它代表该文章的作者/贡献者信息
- 如果出现在 body 顶层(不在任何 article 或 section 中),则代表整个页面的归属信息
- 它不会自动关联到父级 section,除非该 section 明确被视作独立内容单元(实践中建议优先用 article 包裹可归属的内容)
样式与可访问性提示
浏览器默认会对 address 施加斜体样式(italic),但这只是视觉表现,不影响语义。开发者可重置样式,但不应因此放弃使用它——屏幕阅读器会识别其语义,有助于辅助技术理解“这是联系谁”。若需隐藏某项联系信息(如仅对机器可见),应改用其他机制(如 aria-hidden 或微数据),而非弃用 address。











