标签专用于标识文档或 的作者/拥有者联系信息，应置于 或 内部靠近结尾处，仅包含直接相关的联系人信息（如邮箱、电话），支持 、 等内联元素，不可嵌套块级标签或多个 ，不应用于全局联系方式，其语义有助于辅助技术识别责任主体。
用 <address></address> 标签定义联系信息区域
HTML 里没有专门的“联系信息组件”，但语义化标签 <address></address> 就是干这个的——它表示文档或 <article></article> 的作者/拥有者联系信息，不是随便放邮箱电话的容器。
常见错误是把它当 <div class="contact"> 用，比如在页脚堆一堆地址、电话、微信二维码，结果搜索引擎和读屏器完全无法识别这是“谁在负责这个页面”。
<ul>
<li>
<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> 里。
立即学习“前端免费学习笔记（深入）”；
- 正确做法：
<footer></footer>下分块，例如：<p>© 2024 公司名</p>+<address>邮箱：contact@example.com</address> -
<address></address>不强制要求在<footer></footer>里，文章末尾独立一段也可以 - 如果一个页面有多个
<article></article>，每个都可以有自己的<address></address>（表示各自作者）
不支持富文本？别硬塞 HTML 标签进去
<address></address> 允许的子元素很有限：只能是短语级内联内容（<a></a>、<em></em>、<strong></strong>、<time></time> 等），不能放 <p></p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/skill10595" title="htmlppt.skill"><img
src="https://img.php.cn/upload/skill/001/246/273/6adaf20d79f23518.jpg" alt="htmlppt.skill" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/skill10595" title="htmlppt.skill">htmlppt.skill</a>
<p>把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。</p>
</div>
<a href="/xiazai/skill10595" title="htmlppt.skill" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>、<ul></ul>、<div>，更不能嵌套标题。
<p>常见错误是想排版得整齐些，就往里加 <code><br> 或多个 <p></p>，结果破坏语义，还可能被某些解析器忽略。
- 换行需求用 CSS 的
display: block或margin控制，别依赖<br> - 邮箱、电话、地址分项显示？用
<a href="mailto:...>%20%E5%92%8C%20<a%20href=" tel:...></a>包裹，再用<span></span>或<strong></strong>区分 - 避免写成：
<address> <p>地址：...</p> <p>电话：...</p> </address>——<p></p>不被允许
无障碍和 SEO 实际影响很小，但错用会负向加成
单独用 <address></address> 对搜索排名几乎没提升，但它能帮屏幕阅读器用户快速定位“谁该为这段内容负责”。问题在于：一旦滥用（比如全站页脚都套一层），反而会让辅助技术误判文档结构。
真正要注意的是上下文匹配——如果页面是静态博客文章，作者信息放 <address></address> 很自然；如果是企业官网首页，主联系信息更适合用 <section aria-label="联系我们"></section> + 显式 ARIA 标注。
- 搜索引擎目前不把
<address></address>当作关键信号，但会结合父级<article></article>或判断可信度 - 不要指望它自动触发地图标记或邮件客户端唤起——那靠的是
mailto:/tel:协议本身 - 最常被忽略的一点：多语言站点中，
<address></address>里的内容应随保持一致，否则读屏器发音会混乱
