<address> 标签专用于标记文档或文章作者/拥有者的联系信息,如页脚、文章末尾或 <article> 内的作者邮箱、网站等内联内容,不可用于公司地址或嵌套块级元素。

<address> 标签在 HTML5 中专门用于标记文档或文章的作者/拥有者的联系信息,不是用来标记任意地址(比如公司办公地址、快递收货地址等)。它语义明确,只适用于“与当前文档内容直接相关的责任人”的联系方式。
什么时候该用 address 标签
当需要标明这篇网页/文章是谁写的、谁维护的、谁可以联系时,就用 <address>。常见位置包括:
- 页面页脚(整篇文档的作者信息)
- 文章末尾(某篇博客、新闻稿的作者署名和邮箱)
-
<article>元素内部(表示该文章的独立作者信息)
address 标签里能放什么内容
它允许包含联系相关的内联元素,比如:
- 文字描述(如“作者:张三”)
-
<a>链接(邮箱mailto:、个人网站、GitHub 主页等) -
<time>(如“最后更新于 ”,虽不强制,但语义合理) - 简单的行内格式标签(
<strong>、<em>),但不能放标题(<h1>–<h6>)、段落(<p>)或列表等块级元素
正确用法示例
✅ 推荐写法(语义清晰、结构简洁):
立即学习“前端免费学习笔记(深入)”;
<footer>
<address>
由 <a href="mailto:author@example.com">作者邮箱</a> 提供支持。<br>
查看 <a href="https://github.com/username">源码</a> 或访问 <a href="https://example.com">个人主页</a>。
</address>
</footer>
⚠️ 常见错误要避免:
- 用
<address>标记公司前台地址(应使用普通段落或<div>+ 微数据/Schema) - 在其中嵌套
<p>或<ul>(HTML5 规范不允许) - 把它当成样式容器,仅为了换行或缩进而滥用(它本身有默认斜体样式,可通过 CSS 重置)
样式与可访问性提示
浏览器默认会让 <address> 内容以斜体显示,这是语义提示的一部分。如需统一视觉风格,可用 CSS 覆盖:
address { font-style: normal; margin: 0.5em 0; }
屏幕阅读器会识别 <address> 的语义,有助于传达“这是联系作者的方式”,所以保持语义真实比单纯追求外观更重要。



















