Do you use the
hgroup element in your mark-up? It’s probably best not to — the tag is being dropped from the HTML5 specification.
We normally think of HTML5 specifications receiving additional features, such as the new <main> element. However, elements can be removed if they offer no compelling benefits.
hgroup represented the heading of a section and normally contained two or more
h6 child elements, e.g.
<hgroup> <h1>My Main Heading</h1> <h2>A sub-heading</h2> </hgroup>
Did you ever use it? I can recall one occasion and, even then, it was primarily for use as a CSS hook and could have easily been a
section. The request to remove it came from Steve Faulkner:
hgroupdoes not convey clearly that a particular heading is a sub-heading
- heading semantics are still exposed regardless of an outer
- the specification stated all
hgroupheadings must be concatenated for accessibility, i.e. the title would become “My Main Heading A sub-heading”
hgroupdid not have at least two reasonably complete interoperable implementations, i.e. it was a
divby another name
- few sites implement the
No reasonable use-cases were forthcoming so
hgroup will ultimately disappear from the HTML5 specification. There is a possibility it will morph into another element offering better semantics, but those debates are yet to occur.
No … I Use hgroup On Every Page!
The removal of
hgroup will make little difference to your daily coding efforts. Most browsers already support it and, even in a new applications,
hgroup would be treated the same as any unknown tag. That said, it’s probably best to avoid using
hgroup in new projects since HTML validators will eventually report an error.
How to Simulate Mobile Devices with Device Mode in Chrome
By Craig Buckler,
Does your web app work in all devices? Testing is a huge job. Learn how to enable Chrome's useful device mode to emulate dozens of mobile devices.
How to Use SVG Image Sprites
By Craig Buckler,
Sprites are popular for bundling graphics into a single file. And they can even be made with SVGs! Learn how SVG sprites work and why they're so awesome.
Canvas vs SVG: Choosing the Right Tool for the Job
By Maria Antonietta Perna,
Should you use Canvas or SVG? It depends! Let's walk through all the scenarios where Canvas and SVG are an option and work out which is the best choice.
Craig is a freelance UK web consultant who built his first page for IE2.0 in 1995. Since that time he's been advocating standards, accessibility, and best-practice HTML5 techniques. He's created enterprise specifications, websites and online applications for companies and organisations including the UK Parliament, the European Parliament, the Department of Energy & Climate Change, Microsoft, and more. He's written more than 1,000 articles for SitePoint and you can find him @craigbuckler.