address标签必须是article的直接子元素才能正确标识作者信息，仅允许内联内容如邮箱、电话、姓名和br换行，应置于article末尾并用CSS显式样式增强。
address 标签必须直接放在 article 元素内部，且是它的直接子元素，才能准确标识这篇文章的作者与联系方式。
作用域必须绑定到 article
只有当 address 是 <article> 的第一层子元素时，浏览器和屏幕阅读器才会将其语义理解为“该文章的作者/维护者信息”。嵌套在 <div>、<section>、<footer> 或其他容器内，语义即失效。
- ✅ 正确：
<article><h2>标题</h2><p>正文...</p><address>作者：张三<br>zhang@example.com</address></article> - ❌ 错误：
<article><div><address>...</address></div></article>（父级是 div，不是 article） - ❌ 错误：
<article><footer><address>...</address></footer></article>（父级是 footer，不是 article）
内容只能是短语级可联络信息
address 里不能出现 <p>、<h3>、<ul> 等块级标签，只允许内联内容：邮箱（带 mailto:）、电话（带 tel:）、姓名（可用 <strong> 强调）、物理地址（仅限作者办公地，且需搭配可联络方式）、<br> 换行。
- ✅ 合法：
<address><strong>李四</strong><br><a href="mailto:li@example.com">li@example.com</a><br>tel:+861012345678</address> - ❌ 禁止：
<address><p>邮箱：li@example.com</p></address> - ⚠️ 物理地址若保留，须明确归属，例如“来信请寄：北京市朝阳区XX路1号（前端组收）”，而非孤立写“北京市朝阳区XX路1号”
位置应在 article 结尾处
按语义惯例和可读性逻辑，address 应置于 article 内容末尾，紧接正文之后、其他元信息（如发布时间、分类）之前或之后——但必须保持是 article 的直接子元素，不被其他结构包裹。
立即学习“前端免费学习笔记（深入）”；
- 推荐顺序示例：
<article><h2>标题</h2><p>正文...</p><time datetime="2026-07-20">2026年7月20日</time><address>...</address></article> - 避免插在中间或开头，否则会干扰内容流与辅助技术解析顺序
样式需手动增强，不可依赖默认表现
Chrome 120+、Firefox 125+ 已完全移除 address 的默认斜体、外边距和换行。视觉上它和 <div> 无异，因此必须用 CSS 主动区分：
- 建议重置并增强：
address { font-style: normal; margin-top: 1em; padding-left: 1em; border-left: 2px solid #007bff; color: #555; } - 禁止写
display: block—— 它本就是块级元素，强行修改可能破坏响应式布局 - 多行信息统一用
<br>分隔，不用多个<br>堆叠，行高由 CSS 控制更稳妥
