HTML <hr> 标签

  • <hr>标签定义和用法

    <hr>标签定义HTML页面中的主题中断(例如主题的转换)。
    <hr>元素用于分隔HTML页面中的内容(或定义更改)。

  • <hr>浏览器支持

    Internet Explorer/Edge Chrome FireFox Safari Opera
    支持 支持 支持 支持 支持
  • <hr>标签实例

    <!DOCTYPE html>
    <html>
    <body>
    
    <h1>HTML</h1>
    <p>HTML是一种描述网页的语言。</p>
    
    <hr>
    
    <h1>CSS</h1>
    <p>CSS定义了如何显示HTML元素。</p>
    
    </body>
    </html>
    
    尝试一下
  • HTML4.01和HTML5之间的差异

    在HTML5中,<hr>标签定义了主题中断。
    在HTML 4.01中,<hr>标记表示水平规则。
    但是,<hr>标记仍然可以在可视浏览器中显示为水平规则,但现在以语义术语而不是表示术语定义。
    HTML5中删除了所有布局属性。请改用CSS。

  • HTML和XHTML之间的差异

    在HTML中,<hr>标记没有结束标记。
    在XHTML中,必须正确关闭<hr>标记,如下所示:<hr />。

  • <hr>标签属性

    属性名 属性值 描述
    align left
    center
    right
    HTML5不支持。 指定<hr>元素的对齐方式。
    noshade noshade HTML5不支持。 指定<hr>元素应以一种纯色(noshaded)呈现,而不是以阴影颜色呈现
    size pixels HTML5不支持。 指定<hr>元素的高度
    width pixels
    %
    HTML5不支持。 指定<hr>元素的宽度
  • <hr>标签全局属性

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

    查看有关全局属性的更多知识。

  • <hr>标签事件属性

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

    查看有关事件属性的更多知识。

  • <hr>标签默认CSS设置

    hr { 
        display: block;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        margin-left: auto;
        margin-right: auto;
        border-style: inset;
        border-width: 1px;
    }