标签默认斜体是浏览器UA样式决定的,非HTML规范强制;其语义仅限文档/文章作者联系信息,不可滥用;取消斜体用font-style: normal,需兼顾可访问性与语义正确性。

address标签默认就是斜体,不用额外设font-style
浏览器对 的默认样式是 font-style: italic,这是用户代理样式表(UA stylesheet)决定的,不是HTML规范强制要求,但所有主流浏览器都这么实现。所以如果你只是想让它斜体,什么也不用做。
常见误区是以为必须写 font-style: italic 才能斜体——其实加了反而可能覆盖掉其他继承来的字体设置,尤其在CSS重置或框架里容易出意外。
想取消斜体?直接覆盖font-style就行
要让 不斜体,最直接的方式是在CSS里显式设 font-style: normal:
address {
font-style: normal;
}
注意几点:
- 如果用了CSS重置(比如
* { font-style: normal }),可能已经不斜体了,这时再设一遍没坏处,但得检查是否被更高优先级规则拦截 - 不要用
font-style: unset或revert,兼容性差,且行为不如normal稳定 - 如果只针对某个页面或区块,建议加类名控制,避免全局影响:
+ 对应CSS
address不是语义化“联系信息”的万能容器
很多人误以为只要放邮箱、电话就该用 ,其实它的语义限定很窄:它只表示「当前文档或文章的作者/拥有者的联系信息」,不是任意联系信息。
典型适用场景:
- 博客文章末尾的作者邮箱:
contact@example.com - 独立页面底部的网站管理员信息
不适用场景:
- 公司官网「联系我们」页面里的地址列表(该用 或
)- 产品页的客服电话(语义上不属于文档作者)
- 多条并列的联系人(
建议单次使用,且不应嵌套)修改font-style后,别忘了检查可访问性影响
斜体本身对部分阅读障碍用户(如 dyslexia)可能降低可读性,取消斜体通常是好事;但反过来,如果为了视觉统一强行加斜体到非
元素上,就得小心了。真正要注意的是:仅靠斜体区分信息类型(比如把邮箱标成斜体来提示可点击)是不可靠的——屏幕阅读器不读“斜体”,色觉障碍用户也看不到样式差异。必须配合其他手段:
- 确保邮箱有
mailto:链接 - 用
aria-label明确说明用途,比如 - 斜体变化不能是唯一视觉线索
语义和样式是两层事,
的价值在语义,不是斜体效果。改样式时,别动歪了重点。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











