<address> 标签仅用于标识页面或 <article> 的作者、维护者等责任人的可联络信息,如邮箱、电话、个人主页、办公地址等,须满足“责任人+可联络”双重条件,禁止嵌套块级元素或滥用为地理/注册地址。

不是,<address> 标签不只允许放邮箱,但也不能随便塞任何地址。 它的核心约束是「责任归属」——必须是当前页面或 <article> 的作者、维护者、拥有者的联系信息,且内容必须语义合法。
哪些内容能放进 <address>?
合法内容需同时满足两个条件:属于责任人 + 属于可联络方式。常见组合包括:
- 作者姓名(纯文本或
<strong>包裹) -
<a href="mailto:xxx@example.com">邮箱链接 -
<a href="tel:+8613800138000">电话链接 -
<a href="https://github.com/username">GitHub / 博客等个人主页 - 物理地址(仅当它是责任人本人/团队的办公或联络地址,比如“北京市朝阳区XX路X号(技术团队收)”)
-
<br>用于换行分隔,但不能用<p>或<div>
哪些看似合理但实际违规?
这些写法会破坏语义,被屏幕阅读器误读,甚至影响 SEO:
- 把公司总部注册地址(非联络用途)直接塞进去 —— 应改用
<div role="complementary"> - 在文章正文中插入
<address>标注某位受访嘉宾的住址 —— 责任方不匹配,应改用普通段落或<aside> - 嵌套
<p>、<ul>、<h3>等块级元素 —— HTML5 明确禁止,浏览器可能降级渲染或报错 - 用
<address>标注发货地址、门店定位、经纬度坐标 —— 这些属于地理数据,应配合 JSON-LD 处理
<address> 放哪儿才对?
位置错误比内容错误更隐蔽,也更伤可访问性:
- 单页无
<article>:应放在<body>末尾附近(如页脚),且整个页面最多一个 - 含多个
<article>:每个<article>内可独立放一个,且应紧贴文末(不是开头) - 绝对不要放在导航栏、侧边栏、广告区块里 —— 这些区域与“责任归属”无关
- 若页面支持深色模式,记得手动重置
a:link颜色,否则邮箱链接可能因对比度不足而不可读
最容易被忽略的是作用域判断:你写的这个 <address>,到底是在说“这篇文章谁写的”,还是在说“这个网站客服在哪找”?两者都合法,但混在一起就失效。责任边界模糊时,宁可拆成两个独立区块,也不要硬塞进一个 <address> 里。

















