标签仅用于标识与当前页面、文章或内容区块直接相关的联系人/机构信息，如作者邮箱、客服电话等，不可用于纯地理地址或配送地址，且必须嵌套在等有语义的容器中以明确归属。

address 标签只用于联系信息，不是任意地址

<address></address> 的语义非常明确：它只应包裹与当前页面、文章或内容区块直接相关的联系人/机构信息（比如作者邮箱、客服电话、出版社地址），而不是街道门牌号、地理位置坐标或商品配送地址。很多人误用它来标记「公司办公地址」或「门店位置」，这会破坏文档结构，影响屏幕阅读器理解和 SEO 语义权重。

常见错误现象：<address>上海市浦东新区世纪大道100号</address> —— 没有联系人、没有联系方式，纯地理地址，不该用 <address></address>。

• 正确场景：博客文章末尾的作者联系方式、官网页脚中的运维邮箱、API 文档里的技术支持入口
• 错误场景：电商商品页的「发货地」、地图页面的经纬度坐标、表单里的「收货地址」输入区
• 替代方案：纯地理地址用 <p></p> 或带 aria-label 的 <div>；结构化地址数据可考虑 <code><dl></dl> 配合 itemprop

  address 必须嵌套在相关上下文中才有意义

  单独扔一个 <address></address> 在 顶层，等于没说清「这是谁的联系方式」。浏览器和辅助技术依赖其父级语境判断归属——比如它在 <article></article> 内，就代表该文章作者的联系信息；在 <footer></footer> 里且是整个站点的页脚，则默认指向站点运营方。

  示例：

  

  Doc To HTML

  使用 MinerU 文档处理引擎将 Word 文档（.doc、.docx）转换为保留结构和格式的干净 HTML。

  下载

  <article><h2>如何调试 WebSocket 连接</h2>
    <p>本文由前端工程师李明撰写...</p>
    <address>
      Email: <a href="mailto:liming@example.com">liming@example.com</a><br>
      GitHub: <a href="https://github.com/liming">@liming</a>
    </address>
  </article>

  • 如果把上面的 <address></address> 提到 外层，语义就断裂了——没人知道这个邮箱属于谁
  • 不要在 <section></section> 或 <div> 这类无语义容器里用 <code><address></address>，除非该容器本身已通过 role="article" 等明确声明了内容主体
  • 多个 <address></address> 可以共存，但每个都必须有清晰归属（比如一篇含多个作者的合著文章，每个 <article></article> 块内各一个）

  address 默认样式会倾斜，但别靠它视觉区分

  所有主流浏览器对 <address></address> 应用 font-style: italic，但这只是历史遗留的默认表现，不是语义要求。你完全可以用 CSS 重置它：address { font-style: normal; }，甚至加图标、调整间距、设背景色——只要不掩盖其联系信息本质。

  • 不要为了「看起来像地址」而强行用 <address></address>，也不该因「不想斜体」就弃用它
  • 避免在 <address></address> 里塞大段无关内容（如营业时间、交通指南），这些应该用 <dl></dl> 或 <section></section> 分离
  • 内部允许使用 <a></a>、<br>、<time></time>（如最后更新时间），但禁止嵌套标题（<h2></h2>）、段落（<p></p>）等块级元素（HTML5 允许部分内联内容，但语义上仍应保持简洁）

  address 不解决结构化数据问题，需额外标注

  搜索引擎和知识图谱不会仅靠 <address></address> 自动提取出「电话」「邮编」「城市」等字段。如果你希望 Google 在搜索结果中显示「联系电话」卡片，或让 Siri 识别出这是客服号码，必须配合 Schema.org 微数据或 JSON-LD。

  例如，在 <address></address> 外层加 itemscope itemtype="https://schema.org/Organization"，再用 itemprop="telephone" 标记电话链接：

  <div itemscope itemtype="https://schema.org/Organization">
    <address>
      <a itemprop="telephone" href="tel:+862112345678">+86-21-1234-5678</a>
    </address>
  </div>

  • 仅用 <address></address> 不足以触发富摘要（Rich Result）
  • Schema 标注必须与 <address></address> 内容严格一致，否则可能被搜索引擎判定为误导
  • 移动端尤其要注意：电话链接必须用 tel: 协议，邮箱用 mailto:，否则点击无效
  实际用的时候，先问一句：这个信息是不是「能直接联系到当前内容责任人」？如果不是，换标签；如果是，再检查它是否处于合理语义容器中——这点比怎么写 CSS 或加不加 Schema 更容易被忽略。