address标签仅用于页面或article的作者、维护者、版权方联系信息，必须为body或article的直接子元素，仅允许phrasing content，屏幕阅读器依赖其识别联系信息。
address标签该用在谁的联系信息上
只用于页面或article的作者、维护者、版权归属方——不是“任意地址”，而是回答「谁写了这个页面？怎么联系他？」的问题。比如个人博客页脚的admin@example.com，或某篇技术文章末尾的作者:李四li@example.com。把发货地、门店地址、客服分机号塞进去，语义就错位了，屏幕阅读器会误读，SEO 也可能忽略。
address必须嵌套在合法父容器里
它只能是body或article的**直接子元素**，中间不能隔一层div、section或footer包裹。常见错误：<div class="wrapper"><footer><address>…</address></footer></div>——这里address的父级是footer，而footer又不是body直系子元素，语义链就断了。正确写法是让address紧贴body或article开头/结尾。
里面能写什么、不能写什么
只允许 phrasing content（短语级内容）：a（带mailto:或tel:）、br、strong、纯文本。禁止出现：p、div、h3、ul。物理地址可以写，但得明确归属且具联络用途，比如「来信请寄：北京市朝阳区建国路1号（前端组收）」；单写「北京市朝阳区建国路1号」不行——没说明是谁的地儿，也没说能不能寄信。
样式和可访问性容易被忽略的点
Chrome 120+、Firefox 125+ 已彻底移除address默认斜体和换行，它现在视觉上和div无异。别再靠font-style: italic当语义提示，那是错觉。真正关键的是：屏幕阅读器仍会播报「address region」，这是辅助技术识别联系信息的唯一信号。所以即使你重置为font-style: normal，也得保留这个标签；而如果为了“好看”把它换成div加class="contact"，可访问性就彻底丢了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
