Hgroup Element in HTML5
The hgroup element was added to produce better structure of content for authors needing heavier editing features: <hgroup></hgroup> represents the header of a section.
This is an experimental element and really serves no viable purpose.
Just guessing, but I doubt it will be included in future releases of HTML5.
What to do with the hgroup element
Forget it!
This is one of the new elements that really has no purpose.
If the hgroup defines the heading of a section and the following code serves the same purpose:
<section> <h1>Section title</h1> <h2>Sub section title</h2> <p>Section information....</p> </section>
why do we need this?
<hgroup> <h1>Section title</h1> <h2>Sub section title</h2> </hgroup> <section> <p>Section information....</p> </section>
*Use of the new tags article, section, header, footer, hgroup, nav and aside is a matter of the taste or the need of the author.
Note: Some of these new elements are redundant and overlap in purpose.
The Hgroup element accepts Global Attributes.
For a complete list of New Elements visit W3.org
If you've come through the HTML5 overview, you should proceed to our 7 Step Tutorial
Free Tools and Resources We Recommend
- Free Responsive Web Design Certification freeCodeCamp
- freeCodeCamp is a proven path to your first software developer job.
- More than 40,000 people have gotten developer jobs after completing this – including at big companies like Google and Microsoft.
- Finally, you'll learn how to make webpages that respond to different screen sizes by building a Twitter card with Flexbox, and a complex blog layout with CSS Grid.
- FREE Certification Courses!!
- Free Ebook How to Code in HTML5 and CSS3
- "How to Code in HTML5 and CSS3" is a free e-book about making websites in HTML5 and CSS for absolute beginners. It doesn't require any experience in IT to start....
- Free Logo Generator Turbologo.com
- If you are building a website for business you need to begin thinking about creating a brand identity. An unforgettable logo could be just the start you need. You can create it free at Turbologo.com. They also provide generators for business cards and letterheads.
- FREE HTML Editor (Windows): NoteTab Light
- All the features of a commercial HTML editor.
- FREE Apache Server (Windows): IndigoAmpp
- Set up a real time server environment right on your PC. Test forms and scripts before uploading to your web space.
- Linux Users
- If like us, you've left the insane world of Microsoft Windows for the even worse experience of Linux, we recommend the BlueFish HTML editor. You'll find it in your software repository. It does have some QUIRKS, but it's FREE.
- For image resizing we've found the easiest Linux tool to be Krita.
Have you tried our FREE RWD template kit? Download Template #402 - 6 Page Kit