标签仅表示联系信息且不自动赋予具体属性,需结合schema.org微数据(如itemprop="name")结构化语义;其适用范围限于作者/拥有者联系信息,不可用于快递地址等场景。

address 标签本身已具备语义化含义,表示“联系信息”,但其内部内容默认不自动赋予姓名、电话、邮箱等具体属性。若需进一步结构化语义(例如供屏幕阅读器、搜索引擎或结构化数据提取识别),应结合 W3C 推荐的微数据(Microdata)、RDFa 或 JSON-LD,而非依赖 address 标签自身扩展属性。
用 itemprop 配合 Schema.org 语义(推荐)
在 <address></address> 内使用 itemscope itemtype="https://schema.org/Person"(或 Organization),再为各字段添加对应 itemprop:
-
itemprop="name"→ 联系人姓名(如<span itemprop="name">张三</span>) -
itemprop="telephone"→ 电话(支持带国际前缀,如+86-138-0013-8000) -
itemprop="email"→ 邮箱(建议用<a href="mailto:..."></a>包裹) -
itemprop="address"→ 可嵌套PostalAddress类型细化街道、城市等
避免滥用自定义属性或 class 命名
仅靠 class="tel" 或 data-contact-type="email" 不具备通用语义,无法被主流解析器识别。这类写法可作 CSS/JS 辅助,但不能替代标准语义标记。
注意 address 的语义边界
该标签只适用于作者/拥有者联系信息**,不适用于任意地址(如快递收货地址、地理位置坐标)**。例如:
- ✅ 适合:页脚中公司客服联系方式、文章作者邮箱
- ❌ 不适合:商品配送地址、地图定位点、活动举办场地(应使用
div+ 结构化数据)
轻量场景下可辅以 ARIA 标签
若暂不引入 Schema.org,可用 ARIA 增强可访问性:
- 为电话号码添加
aria-label="联系电话:010-12345678" - 为邮箱链接添加
aria-label="发送邮件至 contact@example.com" - 避免仅用图标(??)而无文本或替代说明











