Headings element (<hgroup>)

The <hgroup> element is used to represent a heading or headings of a section; or in other words it represents a group of heading tags of the HTML, from <h1> thru <h6>. This element is meant to group more than one heading at once, just as shown in the basic syntax below:

Syntax:

<hgroup></hgroup>

Attributes:

NOTE: This element has been removed in the latest W3C specifications for HTML5, but since it has already been implemented by most of the browsers it probably won't go away soon.

The <header> element can be used to as replacement to <hgroup> element, although the <header> element is meant to group headings, as well as metadata and more important sections of the document body, such as a metadata or firm's logo.

Example

The hgroup tag basic example:

<!DOCTYPE html>
<html lang='en-us'>
<head><style type='text/css'>
	body{background-color:#343434;}
	article{background-color:#f0f0f0; padding:2px 5px; width:90%; margin:0.5em auto;}
	hgroup{margin:8px auto; width:auto; padding:0.5em; background:#333; font-weight:bold; font-family:Arial; color:#ddd;}
</style></head>
<body>
<article>
  <hgroup>
    <h1>Main header</h1>
    <h2>Sub-header</h2>
  </hgroup>
  <p>This is a paragraph containing some text</p>
</article>

</body>
</html>

›› go to examples ››

Headings element (<hgroup>)

Syntax:

Attributes:

Example

The hgroup tag basic example:

Comments

About

Contact

Get Connected