Use the <hr> tag to define a thematic change in the content:
The <hr> tag defines a thematic break in an HTML page (e.g. a shift of topic).
The <hr> element is used to separate content (or define a change) in an HTML page.
Element | |||||
---|---|---|---|---|---|
<hr> | Yes | Yes | Yes | Yes | Yes |
In HTML5, the <hr> tag defines a thematic break.
In HTML 4.01, the <hr> tag represents a horizontal rule.
However, the <hr> tag may still be displayed as a horizontal rule in visual browsers, but is now defined in semantic terms, rather than presentational terms.
All the layout attributes are removed in HTML5. Use CSS instead.
In HTML, the <hr> tag has no end tag.
In XHTML, the <hr> tag must be properly closed, like this: <hr />.
Attribute | Value | Description |
---|---|---|
align | left center right |
Not supported in HTML5. Specifies the alignment of a <hr> element |
noshade | noshade | Not supported in HTML5. Specifies that a <hr> element should render in one solid color (noshaded), instead of a shaded color |
size | pixels | Not supported in HTML5. Specifies the height of a <hr> element |
width | pixels % |
Not supported in HTML5. Specifies the width of a <hr> element |
The <hr> tag also supports the Global Attributes in HTML.
The <hr> tag also supports the Event Attributes in HTML.
HTML DOM reference: HR Object
Most browsers will display the <hr> element with the following default values: