标签专用于标识文档或 的作者/拥有者联系信息,应置于 或 内部靠近结尾处,仅包含直接相关的联系人信息(如邮箱、电话),支持 、 等内联元素,不可嵌套块级标签或多个 ,不应用于全局联系方式,其语义有助于辅助技术识别责任主体。

用 <address></address>,也不能放在 <address></address> 里作为网站全局联系方式
<article></article>
<div class="contact"> 和 <code><address></address> 的关系容易搞混
是结构容器,<article></article> 是语义类型——它们可以共存,但职责不同。页脚里可能有版权、导航、联系方式三类内容,只有“联系信息”部分才适合用 <address></address>。
典型错误:整个 <header></header> 都包进 font-style,或者反过来,把版权年份也塞进 <address></address> 里。
- 正确做法:
<footer></footer>下分块,例如:<footer></footer>+<address></address> -
<address></address>不强制要求在<footer></footer>里,文章末尾独立一段也可以 - 如果一个页面有多个
<address></address>,每个都可以有自己的<address></address>(表示各自作者)
不支持富文本?别硬塞 HTML 标签进去
<footer></footer> 允许的子元素很有限:只能是短语级内联内容(<p>© 2024 公司名</p>、<address>邮箱:contact@example.com</address>、<address></address>、<footer></footer> 等),不能放 <article></article>、<address></address>、<address></address>,更不能嵌套标题。
常见错误是想排版得整齐些,就往里加 <a></a> 或多个 <em></em>,结果破坏语义,还可能被某些解析器忽略。
立即学习“前端免费学习笔记(深入)”;
- 换行需求用 CSS 的
<strong></strong>或<time></time>控制,别依赖<p></p> - 邮箱、电话、地址分项显示?用
<ul></ul>和<div> 包裹,再用 <code><br>或<p></p>区分 - 避免写成:
display: block——margin不被允许 - 搜索引擎目前不把
<span></span>当作关键信号,但会结合父级<strong></strong>或<address> <p>地址:...</p> <p>电话:...</p> </address>判断可信度 - 不要指望它自动触发地图标记或邮件客户端唤起——那靠的是
<p></p>/<address></address>协议本身 - 最常被忽略的一点:多语言站点中,
<address></address>里的内容应随<section aria-label="联系我们"></section>保持一致,否则读屏器发音会混乱
无障碍和 SEO 实际影响很小,但错用会负向加成
单独用 <br> 对搜索排名几乎没提升,但它能帮屏幕阅读器用户快速定位“谁该为这段内容负责”。问题在于:一旦滥用(比如全站页脚都套一层),反而会让辅助技术误判文档结构。
真正要注意的是上下文匹配——如果页面是静态博客文章,作者信息放 <a href="mailto:...>%20%E5%BE%88%E8%87%AA%E7%84%B6%EF%BC%9B%E5%A6%82%E6%9E%9C%E6%98%AF%E4%BC%81%E4%B8%9A%E5%AE%98%E7%BD%91%E9%A6%96%E9%A1%B5%EF%BC%8C%E4%B8%BB%E8%81%94%E7%B3%BB%E4%BF%A1%E6%81%AF%E6%9B%B4%E9%80%82%E5%90%88%E7%94%A8%20<a%20href=" tel:...></a> + 显式 ARIA 标注。










