<address>仅用于标记当前页面或article的作者/拥有者联系信息,不可用于营业地址等;无默认样式,需手动设置;误用会损害可访问性。

<address> 标签不是用来标记任意地址,它只表示「当前页面或文章的作者/拥有者的联系信息」——用错就破坏语义,还可能被屏幕阅读器误读。
什么时候该用 <address>?
仅当内容是本页(或本 <article>)的作者、维护者、版权归属方的联系方式时才适用。比如:
- 博客文章末尾的作者邮箱:
<address>Email: author@example.com</address> - 公司官网首页底部的运维联系人:
<address><a href="mailto:webmaster@company.com">webmaster@company.com</a></address> - 独立作品页(如
<article>)底部的署名与电话
注意:它不适用于营业地址、门店位置、快递收货地址——那些该用普通段落或 <div> + ARIA 标注。
<address> 会自动换行和缩进吗?
不会。HTML5 已移除所有默认样式,<address> 在现代浏览器中默认无 margin、无斜体、无换行。它的语义纯靠标签本身传达,视觉样式需手动加:
立即学习“前端免费学习笔记(深入)”;
address {
font-style: normal;
margin-top: 1em;
padding-left: 1em;
border-left: 2px solid #ccc;
}
如果你依赖默认斜体,那是旧浏览器遗留行为,不可靠;也不建议靠斜体来表达「这是联系信息」——语义和样式必须分离。
常见误用:哪些情况绝对不能用?
以下全是反例,用了反而降低可访问性:
- 产品页面里的「发货地:杭州市西湖区」→ 属于业务属性,用
<p>或带aria-label的<div> - 联系页中的「客服热线:400-xxx-xxxx」→ 这是服务入口,不是页面作者信息,应使用
<dl>或结构化<section> - 嵌套在
<footer>里但写的是第三方合作方地址 →<address>必须指向本页责任人,跨主体即语义错误 - 里面放
<h3>联系我们</h3>→<address>是纯联系信息容器,不含标题语义,标题应放在外层
最易被忽略的一点:一个页面可以有多个 <address>,但每个都必须对应其最近的祖先 <article> 或整个页面的作者。父子关系断了,语义就失效了。











