You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

水平线标准标签咨询:<hr>与<hr/>的合规性、差异及浏览器影响

HTML水平线标签:<hr> vs <hr/>

咱先直接给结论:在当前主流的HTML5标准里,<hr>是官方指定的标准标签写法;而<hr/>是XHTML时代遗留的语法。接下来详细拆解两者的差异和浏览器兼容性问题:

两者的核心差异

  • 语法规范的出身不同

    • <hr>是HTML体系(包括HTML4、HTML5)的原生写法:因为<hr>属于空元素(本身不需要包含内容,也没有闭合标签),HTML规范允许直接写开放标签即可。
    • <hr/>是XHTML的严格要求:XHTML是基于XML的HTML变种,对语法严谨性要求极高,所有元素必须闭合,空元素就要求用自闭合的/>形式来写。
  • 功能上完全无区别
    不管你用哪种写法,浏览器渲染出来的都是一模一样的水平线,不会有任何功能、样式上的差异——说白了就是写法不同,效果完全一致。

浏览器兼容性:完全不受影响

所有现代浏览器(Chrome、Firefox、Safari、Edge等),甚至是比较老旧的浏览器(比如IE8及以上),都同时支持这两种写法。HTML的解析器会自动忽略空元素末尾的斜杠,所以哪怕你写了<hr/>,浏览器也会把它当成<hr>来处理。只有当网页以XML模式解析时(这种场景现在几乎不存在了),才会强制要求自闭合,但日常开发的网页都是HTML5模式,完全不用担心浏览器不兼容的问题。

小建议

如果你的项目用的是HTML5的文档声明(也就是现在99%的网页用的<!DOCTYPE html>),优先用<hr>更贴合当前标准;如果是维护老旧的XHTML项目,那还是用<hr/>来符合当时的规范。不过哪怕混着写,也不会出问题。

内容的提问来源于stack exchange,提问作者Lakmal Bodhinayaka

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.07 16:47:51