HTML5布局中address标签怎么用_联系信息区域的语义化标记说明【介绍】

Email: author@example.com 会自动换行和缩进吗？

不会。HTML5 已移除所有默认样式，webmaster@company.com 在现代浏览器中默认无 margin、无斜体、无换行。它的语义纯靠标签本身传达，视觉样式需手动加：

address {
  font-style: normal;
  margin-top: 1em;
  padding-left: 1em;
  border-left: 2px solid #ccc;
}

如果你依赖默认斜体，那是旧浏览器遗留行为，不可靠；也不建议靠斜体来表达「这是联系信息」——语义和样式必须分离。

常见误用：哪些情况绝对不能用？

以下全是反例，用了反而降低可访问性：

• 产品页面里的「发货地：杭州市西湖区」→ 属于业务属性，用 或带 的
• 联系页中的「客服热线：400-xxx-xxxx」→ 这是服务入口，不是页面作者信息，应使用 或结构化

• 嵌套在 aria-label 里但写的是第三方合作方地址 → 必须指向本页责任人，跨主体即语义错误
• 里面放
  →
  是纯联系信息容器，不含标题语义，标题应放在外层

最易被忽略的一点：一个页面可以有多个

，但每个都必须对应其最近的祖先 或整个页面的作者。父子关系断了，语义就失效了。