The HTML5 hr Tag

The HTML5 <hr> tag is an integral part within the content of a document. It is mainly used so that the break which changes the theme or topic of the content can be shown clearly and users would not feel confused.

There is little difference when it comes to the use of HTML5 <hr> tag. In HTML5, the <hr> tag is considered as a thematic break. On the other hand, in HTML4, it is considered as a horizontal rule.

Technically, in HTML4.01 the <hr> tag is used more for presentation. On the other hand, HTML5 sees it as an element of semantics.

In some occasions, the HTML5 <hr> tag is still reflected as a horizontal rule, especially in visual browsers. However, the styles in HTML4 like the align, nonshade, styles and other formatting actions are considered obsolete. Hence, these are no longer carried over to HTML5. The HTML5 <hr> tag is formatted by using CSS.

The HTML5 <hr> tag is supported in primary browsers like Firefox, Google Chrome, Safari, Internet Explorer and Opera. The HTML5 <hr> tag is also compatible with the Global Attributes in HTML5. Even the Event Attributes is supported by HTML5 <hr> tag.

Featured pages


Learn about HTML5 architecture, design principles and patterns on HTML5 Overview Tutorial. Become …


Learn about HTML5 tags and discover a new list of HTML5 tags. Find out about HTML5 tags support by…


 Learn HTML5 development techniques, tips and tricks on our website. Find out what is required…

Date Time Picker

HTML5 forms use date and time controls regularly. HTML5 date and time controls are used by booking …