<hgroup> is meant for grouping heading of a document h1, h2, h3, h4, h5, h6. This element could be used anywhere in a webpage, like as a child of <header> element. Many times standalone heading is used without <hgroup>; see example 1 with <hgroup>, and example 2 without <hgroup>.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hgroup</title>
</head>
<body>
<!-- Example 1 -->
<header>
<hgroup>
<br>
<h1> My Awesome Blog </h1>
<h5> A blog about internet marketing </h5>
</hgroup>
</header>
<!-- Example 2 -->
<section>
<h4> Social </h4>
<ul>
<li> <a href="#"> Twitter </a></li>
<li> <a href="#"> Facebook </a></li>
</ul>
</section>
</body>
</html>
Comments
Post a Comment