# HTML &lt;hr&gt; 标签 ## 实例 被水平线分隔的标题和段落: ``` <h1>This is header 1</h1> <hr /> <p>This is some text</p> ``` ## 浏览器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流浏览器都支持 &lt;hr&gt; 标签。 ## 定义和用法 &lt;hr&gt; 标签在 HTML 页面中创建一条水平线。 水平分隔线(horizontal rule)可以在_视觉上_将文档分隔成各个部分。 ## HTML 与 XHTML 之间的差异 在 HTML 中,&lt;hr&gt; 标签没有结束标签。 在 XHTML 中,&lt;hr&gt; 必须被正确地关闭,比如 &lt;hr /&gt;。 在 HTML 4.01 中,hr 元素的所有呈现属性均不被赞成使用。 在 XHTML 1.0 Strict DTD 中,hr 元素的所有呈现属性均不被支持。 ## 可选的属性 | 属性 | 值 | 描述 | | --- | --- | --- | | [align](/tags/att_hr_align.asp "HTML &lt;hr&gt; 标签的 align 属性") | `center` `left` `right` | 不赞成使用。请使用样式取代它。规定 hr 元素的对齐方式。 | | [noshade](/tags/att_hr_noshade.asp "HTML &lt;hr&gt; 标签的 noshade 属性") | noshade | 不赞成使用。请使用样式取代它。规定 hr 元素的颜色呈现为纯色。 | | [size](/tags/att_hr_size.asp "HTML &lt;hr&gt; 标签的 size 属性") | _pixels_ | 不赞成使用。请使用样式取代它。规定 hr 元素的高度(厚度)。 | | [width](/tags/att_hr_width.asp "HTML &lt;hr&gt; 标签的 width 属性") | _pixels_ _%_ | 不赞成使用。请使用样式取代它。规定 hr 元素的宽度。 | ## 全局属性 &lt;hr&gt; 标签支持 [HTML 中的全局属性](/tags/html_ref_standardattributes.asp)。 ## 事件属性 &lt;hr&gt; 标签支持 [HTML 中的事件属性](/tags/html_ref_eventattributes.asp)。 ## TIY 实例 [水平线](/tiy/t.asp?f=html_hr) 如何插入水平线。 ``` <html> <body> <p>hr 标签定义水平线:</p> <hr /> <p>这是段落。</p> <hr /> <p>这是段落。</p> <hr /> <p>这是段落。</p> </body> </html> ```