address标签仅在body或article的直接子元素位置有效，用于标识页面或文章作者/维护者的可交互联系信息；禁止嵌套于div、section等非合法父容器，且只允许phrasing content（如mailto:链接、tel:电话、带归属说明的物理地址），现代浏览器已移除默认斜体样式，需手动添加视觉提示。
address 标签不是“写联系方式的万能容器”，用错位置或内容，等于没写。
为什么address写了却不起作用？
浏览器和读屏器只在两个位置认它：body 的直接子元素，或 article 的直接子元素。出现在 div、section、footer 甚至 header 里，语义就失效了——HTML 验证会报错，屏幕阅读器大概率跳过，SEO 也抓不到。
常见失效写法：
-
<footer><address>contact@example.com</address></footer>→footer不是合法父级 -
<div class="contact"><address>...</address></div>→ 语义断层，等同于普通文本 -
<body><section><address>...</address></section></body>→ 嵌套层级错误，直接忽略
address里能放什么？哪些一放就错？
它只接受 phrasing content（短语内容），也就是内联、可交互、归属明确的信息。不能当排版盒子用。
立即学习“前端免费学习笔记（深入）”；
✅ 允许的：
-
me@example.com（必须带mailto:才算有效联系） <a href="tel:+8613800138000">+86 138-0013-8000</a>-
<strong>张三</strong>（作者名，需与联系方式并列） -
北京市朝阳区XX路1号（来信请寄）<br>邮箱：team@example.com</br>（物理地址必须搭配用途和可联络方式）
❌ 禁止的：
-
<p>© 2026 公司名称</p>（版权不是联系渠道） -
<h3>联系我们</h3>（标题不属于联系信息本身） - 纯地址字符串如
上海市浦东新区世纪大道100号（无责任人、无可交互性、无上下文） -
<ul><li>邮箱</li><li>电话</li></ul>（ul是块级，HTML5 明确禁止）
现代浏览器里address还显示斜体吗？要不要加样式？
不显示了。Chrome 120+、Firefox 125+ 已彻底移除 font-style: italic 和默认外边距。视觉上它和 div 几乎一样——但这不代表它没用，只是你不能再靠斜体判断是否生效。
必须手动加视觉区分，否则用户根本看不出这是联系信息：
- 用
border-left: 2px solid #007bff;或background-color: #f8f9fa;营造区块感 - 显式声明
font-family（旧版 Safari 有继承 bug） - 别写
display: block—— 它本来就是块级元素，强行改可能破坏小屏流式布局 - 重置可以：
address { font-style: normal; margin: 0; }，但仅重置不够
真正难的不是语法对不对，而是每次动笔前都得确认：这个信息，能不能准确回答「谁写了这篇？出了问题找谁？」——答不上来，就别用 address。
