HTML5 正式支持的重点标注标签是 ,而非不存在的 ; 默认浅黄背景、自 iOS 5 和 Android 4.0+ 起广泛支持,但需用 CSS 自定义样式以确保移动端可靠显示。
HTML5 有 标签,没有
很多人搜“highlight 标签”,其实是把语义记混了。HTML5 正式支持的重点标注标签是 ,不是 ——后者根本不存在于任何 HTML 规范中,所有浏览器都不会识别它,写了等于白写。
常见错误现象:关键词 在手机上完全不渲染高亮样式,甚至可能被当作未知元素丢弃或显示为纯文本。
-
是唯一被 HTML5 标准定义的语义化“高亮”标签,表示与当前上下文相关的重要或突出内容 - 它默认有浅黄色背景(
background-color: #ff0),文字颜色通常为黑色,这个样式在绝大多数移动端浏览器中都生效 - 如果想自定义样式,必须用 CSS 显式覆盖,不能依赖浏览器默认以外的表现
主流移动端浏览器对 的支持情况
自 iOS 5 和 Android 4.0+ 起就已完整支持,现在几乎不用考虑兼容性问题——包括 Safari、Chrome for iOS/Android、Firefox for Android、Edge Mobile,全都原生渲染且行为一致。
但要注意一个细节:部分国产安卓 WebView(如旧版 UC、QQ 浏览器内核)若未启用 Blink/WebKit 最新版,可能忽略 的默认样式,但标签本身仍会被解析为有效元素,CSS 可正常作用。
立即学习“前端免费学习笔记(深入)”;