Home/ Questions/Q 7006195
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T21:26:47+00:00

I’m new to HTML5 and I read the outlining concept and I understood. I

  • 0

I’m new to HTML5 and I read the outlining concept and I understood. I tried part of code in
this site(to outline my code) :

<!DOCTYPE html>
<article>
  <hgroup>
    <h1>H1</h1>
    <h2>H2</h2>
    <h3>H3</h3>
  </hgroup>
</article>

But the result I am getting is confusing me. I’m getting the following result :

1.Untitled Section
    1.H1

I know the reason why I’m getting 1.Untitled Section in my output, but where does my this part of code gone

<h2>H2</h2>
<h3>H3</h3>

I couldn’t see H2 and H3 in my output. What is the reason for it? Explain with an example.

Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    An hgroup only includes the (first) highest level heading in the outline.

    From http://dev.w3.org/html5/spec/the-hgroup-element.html

    For the purposes of document summaries, outlines, and the like, the text of hgroup elements is defined to be the text of the highest ranked h1–h6 element descendant of the hgroup element, if there are any such elements, and the first such element if there are multiple elements with that rank. If there are no such elements, then the text of the hgroup element is the empty string.

    The point of using hgroup is to actually mask out the subsequent headers from the outline. So the behavior you are seeing is the reason for the existence of the element.

    • 0