该用<address>标签当且仅当标记当前body或最近article的作者、所有者或责任方联系信息；判断标准是能否回答“谁写了这篇、谁负责维护、出了问题找谁”。
用 <address> 标签，但必须严格满足语义前提：它只标记当前 <body> 或最近一个 <article> 的作者、所有者或责任方的联系信息，不是“放地址的通用容器”。
什么时候该用 <address>？看归属关系，不看字段类型
关键判断标准是：“这个信息能不能回答‘谁写了这篇、谁负责维护、出了问题找谁’？”
- ✅ 正确场景：博客文章末尾的作者邮箱
<a href="mailto:author@example.com">author@example.com</a>；官网首页页脚里的运营团队联系电话和注册地址 - ❌ 错误场景：商品详情页里的“发货地：杭州市余杭区”；侧边栏“门店查询”列表中的分店地址；表单里“收货地址”输入区域的提示文字
- ⚠️ 边界情况：公司官网“关于我们”页面中展示总部地址——可以，前提是该页面代表公司整体发声，且该地址是法律/联络意义上的责任地址（如营业执照登记地址），而非单纯地理坐标
<address> 的嵌套规则和常见写法陷阱
它允许内联元素（<a>、<em>、<br>），禁止块级元素（<p>、<h2>、<div>），也不能嵌套另一个 <address>。
- 推荐写法：用
<br>分隔不同字段，或把每行包进<span>（语义中立）；避免直接裸写换行，也别硬套<p>——虽然部分浏览器能渲染，但违反 HTML 规范 - 必须可交互：邮箱要写成
<a href="mailto:...">，电话要写成<a href="tel:...">，否则只是静态文本，失去联系功能 - 版权信息不能塞进去：
© 2026 XXX 公司属于法律声明，不是联系人信息，应放在<footer>里独立处理
为什么不用 <div> 或 <p> 替代？
差别不在视觉，而在机器如何理解这段内容：
立即学习“前端免费学习笔记（深入）”；
- 搜索引擎会把
<address>内容识别为“作者联系方式”，可能影响作者权威性索引和本地搜索结果关联 - 屏幕阅读器会播报“此处为本文作者联系方式”，用户可跳过整段；而
<div>就是一堆普通文本流，无法快速定位 - CSS 重置成本低：默认斜体可通过
address { font-style: normal; }关闭，不影响语义价值 - 页面中建议限用 1–2 次 —— 多个
<address>容易模糊责任归属，比如在同一页脚同时放“技术维护：dev@xxx.com”和“广告合作：ad@xxx.com”，需明确哪个是该页面的主责任方
真正难的是每次写之前多问一句：这个邮箱/地址/电话，是代表这篇文章、这个 <article>、还是整个网站的责任出口？答错一次，语义就断了。
