Proper Usage Of The H1 Tag

Question

What is the up to date correct usage of the H tags?

I was originally told that it was only one H1 tag per page.

Now I am being told that you can use more than one h1 tag as long as it is only one per sectioning root or content section and that it is better than the former way.

What is the correct usage!

See http://stackoverflow.com/questions/14030310/is-there-any-purpose-for-h2-h6-headings-in-html5 — John Flatness, Apr 11 '14 at 03:41

score 0 · Accepted Answer · answered Apr 11 '14 at 10:44

0

According to mdn

In HTML5, use the <section> element to define the outline of a document. Headings provide titles for sections and subsections. You can also group a heading and its content using the <div> element.

So you can use multiple H1 as long as they are in different <section>

<section>
    <h1>Hi</h1>
    <p> ... </p>
</section>
<section>
    <h1>Hello</h1>
    <p> ... </p>
</section>

answered Apr 11 '14 at 10:44

Maurizio Pozzobon

3,044
7
34
44

Thanks @MaurizioPZ this is the advice I will go with – user3232801 Apr 12 '14 at 17:42

Proper Usage Of The H1 Tag

1 Answers1