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

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











