标签仅用于标识页面或的作者/维护者联系信息，如邮箱、电话、GitHub主页等，不可用于公司地址、版权信息或导航链接；必须作为或直接子元素，且语义不可被CSS覆盖。
address标签不是用来放“公司地址”或“快递收货地址”的
它只标记当前页面或当前 <article></article> 的作者/维护者联系信息，比如“这篇文章谁写的”“这个文档归哪个团队管”。你看到的邮政地址、门店位置、客服电话，只要不是直接指向作者/所有者的联系方式，就不该塞进 <address></address> 里。
常见错误现象：
- 在首页
<footer></footer>里用<address></address>写“北京市朝阳区XX大厦10层”，但没说明这是谁的办公地、怎么联系 - 把整段版权信息（如“©2026 XXX公司 版权所有”）全包进
<address></address> - 嵌套
<div>、<code><p></p>或多个<address></address>—— 它只接受内联内容和简单结构化文本address必须作为body或article的直接子元素出现
HTML5 要求语义准确：
<address></address>如果在下，代表整个页面的作者/所有者；如果在<article></article>内，则仅代表那篇文章的作者。不能把它丢进<section></section>、<div> 或 <code><header></header>里充数。正确写法示例：
立即学习“前端免费学习笔记（深入）”；
<article> <h2>前端调试技巧</h2> <p>……正文内容……</p><div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="/xiazai/skill12116" title="DeepBI DHTML 页面生成器"><img src="https://img.php.cn/upload/skill/001/246/273/6adaf20d3191a227.jpg" alt="DeepBI DHTML 页面生成器" ></a> <div class="aritcle_card_info flexColumn"> <a href="/xiazai/skill12116" title="DeepBI DHTML 页面生成器">DeepBI DHTML 页面生成器</a> <p>生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur</p> </div> <a href="/xiazai/skill12116" title="DeepBI DHTML 页面生成器" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <address> 作者：张三 <a href="mailto:zhang@example.com">zhang@example.com</a> </address> </article>容易踩的坑：
- 放在
<main></main>或<aside></aside>里 → 语义失效，辅助技术可能忽略 - 同一页面多个
<address></address>却都放在级 → 浏览器只认第一个，其余被当作普通文本渲染 - 用 CSS 强制取消斜体或换行后，误以为“样式改了语义就变了” → 实际上语义仍存在，但可访问性会受损
address里该放什么、不该放什么
应该包含能建立直接联系的信息：姓名、邮箱、电话、GitHub 主页、Twitter 账号等。物理地址可以有，但前提是它是作者/维护者本人或团队的真实联络点（比如“开源项目维护者办公地址”），而不是随便抄来的总部地址。
不该出现的内容：
-
<time></time>元素（发布时间请用<time datetime="..."></time>） - 纯版权声明文字（如“保留所有权利”）
- 导航链接（如“返回首页”“关于我们”）
- 非联系类描述（如“成立于2018年”“服务用户超百万”）
一个干净的
<address></address>示例：<address> 维护者：<a href="https://www.php.cn/link/4203345f496a929234f95b19c0a6c7f2">Jane Doe</a><br> 邮箱：<a href="https://www.php.cn/link/05b078717c0d74c1e99adc22b314fbec">jane@example.org</a> </address>
浏览器渲染和辅助技术依赖它的语义，不是装饰
多数浏览器默认让
<address></address>文本倾斜，并在前后加换行，这不是 bug，是设计使然。屏幕阅读器会特别提示“这里是联系信息”，搜索引擎也可能用它识别内容归属。如果你用 CSS 把它压成一行、去掉斜体、甚至 display: none，语义还在，但实际可用性就断了。关键提醒：
- 别为了视觉统一而抹掉它的默认表现，应通过合理样式微调，而非彻底覆盖
- 嵌套链接必须可点击、有明确 href，否则对键盘用户和读屏软件不友好
- 如果页面没有真实作者或维护者（比如自动生成的 API 文档页），宁可不用
<address></address>，也不要硬凑
- 放在
