Несколько <header>и <footer>в документе HTML5 - PullRequest
Новая
       35

Несколько <header>и <footer>в документе HTML5

7 голосов
/ 14 декабря 2011

Разрешено ли и нормально ли использовать несколько <header> и в HTML 5, если да, то не является ли это семантически неправильным и приведет ли это в замешательство пользователей программы чтения с экрана?

Я видел, что многие сайты используют, например, 

<body class="home">
    <header class="hd1">
        <hgroup>
        <h1>HTML5 Documnet</h1>
        <h2>tagline</h2>
        </hgroup>
    </header><!-- .hd1 -->
    <div class="main">
        <section class="hs1">
            <header>
            <h1>This is a Page Sub Title</h1>
            </header>

            <p>Some content...</p>
            <h2>Demonstrating EM and STRONG</h2>

            <p><strong>This text will have more importance (SEO-wise and contextually)</strong></p>         

            <footer>
            <p>Author: <cite>Louis Lazaris</cite></p>
            </footer>

        </section>
    </div><!-- .main -->
    <footer class="f1">
    <p>copyright &copy; year</p>
    </footer><!-- .f1 -->

</body>

1 Ответ

7 голосов
/ 14 декабря 2011

Да, несколько <header> и <footer> элементов в порядке.Они не используются так же, как <div id="header">, как их использует большинство людей.Технически говоря, верхний и нижний колонтитулы представляют верхний и нижний колонтитул раздела.Раздел, являющийся частью страницы, такой как статья, которая содержит теги заголовка, такие как <h1>, а затем контент, затем нижний колонтитул, такой как авторские права, цитаты, ссылки и т. Д.

Изо рта лошади:

Элемент заголовка обычно содержит заголовок раздела (элемент h1 – h6 или элемент hgroup), но это не обязательно.Элемент header также можно использовать для переноса оглавления раздела, формы поиска или любых соответствующих логотипов.

And

Элемент footer представляет нижний колонтитул дляего ближайший предок секционирует контент или секционирует корневой элемент.Нижний колонтитул обычно содержит информацию о своем разделе, например, кто его написал, ссылки на связанные документы, данные об авторских правах и т. П.

Непосредственно из спецификации по адресу: http://dev.w3.org/html5/spec/Overview.html

Обратите внимание, что, как я сказал, они не используются для создания разделов, как это делали люди с <div id="header/footer">, в спецификации упоминается эта путаница:

Элемент нижнего колонтитула не разделяет содержимое;новый раздел не вводится.

Опять же, «технически» говоря, то, что последний нижний колонтитул, который у вас есть, вводит новый раздел и не является семантическим.В любом случае, с точки зрения спецификации.

...