HTML 5 <hr> tag
Definition and Usage
The <hr> tag inserts a horizontal rule, which should define a thematic change
in the content.
Differences Between HTML 4.01 and HTML 5
Attributes: align, noshade, size, and width, were deprecated
in HTML 4.01, and are no longer supported in HTML 5.
In HTML 5, the <hr> tag defines a thematic change in the content, and
displays a horizontal rule.
In HTML 4.01 it just displayed a horizontal rule.
Example
| Source |
Output |
| My car is blue<hr />A banana is a fruit |
My car is blue
A banana is a fruit |
Attributes
- 4: indicates if the attribute is defined in HTML 4.01
- 5: indicates if the attribute is defined in HTML 5
| Attribute |
Value |
Description |
4 |
5 |
| align |
center
left
right |
Specifies the alignment of the horizontal rule. Deprecated. Use styles instead |
4 |
|
| noshade |
noshade |
When set to true the rule should render
in a solid color, when set to false the rule should render in a two-color
"groove". Deprecated. Use styles instead |
4 |
|
| size |
pixels
% |
Specifies the thickness (height) of the
horizontal rule. Deprecated. Use styles instead |
4 |
|
| width |
pixels
% |
Specifies the width of the horizontal
rule Deprecated. Use styles instead |
4 |
|
Standard Attributes
| class, contenteditable, contextmenu, dir, draggable, id,
irrelevant, lang, ref, registrationmark, tabindex, template, title |
For a full description, go to Standard
Attributes in HTML 5.
Event Attributes
| onabort, onbeforeunload, onblur, onchange, onclick,
oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave,
ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress,
onkeyup, onload, onmessage, onmousedown, onmousemove,
onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect,
onsubmit, onunload |
For a full description, go to Event Attributes
in HTML 5.
Try-It-Yourself Demos
Horizontal rule
How to insert a horizontal rule.
Whether you're new to XML or already an advanced user, the user-friendly views
and powerful entry helpers, wizards, and debuggers in XMLSpy are designed to
meet your XML and Web services development needs from start to finish.
- XML editor
- Graphical XML Schema / DTD editors
- XSLT 1.0/2.0 editor, debugger, profiler
- XQuery editor, debugger, profiler
- Support for Office Open XML (OOXML)
- Graphical WSDL editor & SOAP debugger
- Java, C#, C++ code generation
- And much more!
Download a fully functional free 30-day trial today!
|
