структура html5 с несколькими тегами заголовка

Верна ли эта структура семантически? Я думал, верна ли эта структура семантически или нет.

<html>
  <head></head>
  <body>
    <header></header>
    <section>
      <header>
        <h1></h1>
      </header>
    </section>
    <section>
      <header>
        <h1></h1>
      </header>
    </section>
  </body>
</html>

person user3282116    schedule 17.06.2014    source источник
comment
См .: stackoverflow.com/questions / 7405282 /   -  person Jatin    schedule 18.06.2014


Ответы (1)


Это сильно зависит от фактического содержания.

Например, документ с такой структурой может представлять собой книгу. Первый header может включать метаинформацию о книге, такую ​​как название, автор, оглавление и т. Д. Каждый section может представлять главу. header в section может включать метаинформацию о главе, такую ​​как название, посвящение и т. Д.

<!doctype html>

<html>
  <head>
    <meta charset="utf-8">
    <title>My Awesome Book</title>
  </head>
  <body>
    <header>
      <h1>My Awesome Book</h1>
      <nav>
        <h1>Table of Contents</h1>
        <ul>
          <li>
            <a href="#chapter1">Chapter 1</a>
          </li>
          <li>
            <a href="#chapter2">Chapter 2</a>
          </li>
        </ul>
      </nav>
    </header>
    <section id="chapter1">
      <header>
        <h1>Chapter 1</h1>
        <p>This chapter is dedicated to voices in my head. Thank you for inspiration.</p>
      </header>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, velit!</p>
    </section>
    <section id="chapter2">
      <h1>Chapter 2</h1>
      <p>Asperiores corporis illum minus vel tempora non voluptate dolores itaque nam?</p>
    </section>
  </body>
</html>
person Igor Gilyazov    schedule 17.06.2014