Geek asks and answers

HTML5 structure and headings in a section or article

Although I really should know this, I am afraid that I will not get it completely. After reading various articles, reading books and talking to others, I still do not quite understand the correct HTML5 structure section. Is it appropriate to have a tag h1in each sectionand / or article? Does creating a new sectionor articlestarting process h1to h2?

I get the impression that each "block" should be allowed to have a "header" structure.

For example, is this the correct HTML5?

<!doctype html>
<html>
  <head>
    <title>
    <!-- etc. etc. -->

    <body>
      <section> <!-- two or more <articles> within this section, both using <h1> tags -->
        <h1>Here is a section with articles in</h1>
        <article>
          <h1>Heading</h1>
          <h2>sub heading</h2>
          <p>A paragraph>
        </article>
        <article>
          <h1>Heading</h1>
          <h2>sub heading</h2>
          <p>A paragraph</p>
        </article>
        ...      
      </section>
      <section> <!-- two or more <articles> within this additional section, both using <h1> tags -->
        <h1>Here is a section with articles in</h1>
        <article>
          <h1>Heading</h1>
          <h2>sub heading</h2>
          <p>A paragraph>
        </article>
        <article>
          <h1>Heading</h1>
          <h2>sub heading</h2>
          <p>A paragraph</p>
        </article>
        ...      
      </section>                  
    </body>
</html>
+5
source share
1 answer

h1 h2 article , header article, .

, .

+4

More articles:


All Articles