• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <hr>

    HTML<hr>元素表示段落级元素之间的主题转换(例如,一个故事中的场景的改变,或一个章节的主题的改变)。在HTML的早期版本中,它是一个水平线。现在它仍能在可视化浏览器中表现为水平线,但目前被定义为语义上的,而不是表现层面上。

    浏览器支持

    所有主流浏览器都支持<hr>标签。

    示例

    <p>
      this is the first paragraph of text.
      this is the first paragraph of text.
      this is the first paragraph of text.
      this is the first paragraph of text.
    </p>
    
    <hr>
    
    <p>
      this is the second paragraph of text.
      this is the second paragraph of text.
      this is the second paragraph of text.
      this is the second paragraph of text.
    </p>
    

    标签定义及使用说明

    • <hr>标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。
    • <hr>元素被用来分隔 HTML 页面中的内容(或者定义一个变化)。
    • 要更改<hr>与段落之间的间隙或样式,请使用CSS。
    内容分类流式内容元素
    允许的内容无,是一个空元素
    标签省略必须有开始标签,不能有结束标签。
    允许的父元素所有接受流式内容元素
    允许的 ARIA roles
    DOM接口HTMLElement

    HTML 4.01 与 HTML 5 之间的差异

    在 HTML5 中,<hr>定义内容中的主题变化,并显示为一条水平线。

    在 HTML 4.01 中,<hr>标签仅仅显示为一条水平线。

    在 HTML 4.01 中,所有的布局属性都已废弃(align, noshade, size 以及 width 属性)。在 HTML5 中不再支持这些属性。请使用 CSS 来为<hr>元素定义样式。

    HTML 与 XHTML 之间的差异

    在 HTML 中,<hr>标签没有结束标签。

    在 XHTML 中,<hr>标签必须被正确地关闭,比如<hr />

    属性

    • align:设置对齐方式。HTML5 不支持。HTML 4.01 已废弃。
    • noshade:去除阴影。HTML5 不支持。HTML 4.01 已废弃。
    • size:使用像素设置高度。HTML5 不支持。HTML 4.01 已废弃。
    • width:使用像素或者百分比设置宽度。HTML5 不支持。HTML 4.01 已废弃。

    全局属性

    <hr>标签支持HTML 的全局属性。

    事件属性

    <hr>标签支持HTML 的事件属性。

    实例

    当内容的主题发生变化时,使用<hr>标签进行分隔:

    <h1>html</h1>
    <p>html is a language for describing web pages.....</p>
    
    <hr>
    
    <h1>css</h1>
    <p>css defines how to display html elements.....</p>
    

    上篇:<figure>

    下篇:<li>