address标签专用于标记作者或文档所属实体的联系信息,如个人博客作者住址、公司官网注册地址等;不可用于第三方机构地址,应避免嵌套块级元素,需保留语义以支持无障碍访问。

address 标签在联系人卡片中不是用来标记任意地址信息的,而是专用于表示作者或文档所属实体的联系信息——这是它语义的核心。
明确适用场景:谁的联系方式?
只有当地址、邮箱、电话等属于当前页面内容的作者、维护者或所属组织时,才应使用 address。例如:
- 个人博客页底部署名栏中的作者住址和邮箱
- 公司官网“关于我们”页中该公司的注册地址与客服电话
- 作品集页面中创作者本人的联络方式
若只是展示第三方机构(如合作方、客户、门店分店)的地址,则不应使用 address,而应改用 div 或带 ARIA 标签的通用容器。
结构建议:嵌套合理,避免滥用
address 可包含 a(邮箱、电话链接)、span、br 等行内元素,但不应包含标题、段落或列表等结构性块级元素。常见合规写法:
- 直接包裹纯文本地址 + a href="mailto:…" 邮箱
- 用 br 换行分隔街道、城市、邮编(语义上仍属同一联系实体)
- 配合 aria-label 增强无障碍体验,如
<address aria-label="公司总部联系地址">
样式与可访问性注意点
浏览器默认对 address 施加斜体样式,但这只是呈现提示,不改变语义。实际项目中常重置为常规字体,但需保留其语义价值:
- 屏幕阅读器会将 address 内容读作“联系信息”,有助于用户快速定位
- 不要仅靠视觉样式(如图标或颜色)表达“这是地址”,必须依赖正确标签
- 避免嵌套另一个 address —— 一个联系人卡片通常只对应一个责任主体
用对 address,不只是符合 HTML 规范,更是让机器(搜索引擎、读屏软件)准确理解“这是谁的联络方式”。

















