можно ли таким образом использовать нижний колонтитул html5? - PullRequest
Новая
       3

можно ли таким образом использовать нижний колонтитул html5?

0 голосов
/ 06 февраля 2012

Я создаю блог, и это разметка, которую я использую - показываю только фрагмент статьи, как я уверен для всего остального 

<article>
    <header>
        <h2>this is the posts title</h2>
        <footer>
           <p>by aurel kurtula on <time>21:21pm</time></p> <ul><li>tag1</li><li>tag2</li><li>tag3</li></ul>
        <footer>
     <section>Here is the body of the article</section>
</article>

Так что мой вопрос, должен ли я использовать нижний колонтитул таким образом?и я предполагаю, что <section> правильно использовать для тела статьи, или это так?

Спасибо

1 Ответ

3 голосов
/ 06 февраля 2012

Я бы сказал, что с вашей структурой все в порядке, пока вы закрываете тег header, который вы, похоже, не делаете в примере кода. Так как:

Элемент заголовка обычно содержит заголовок раздела. (элемент h1 – h6 или элемент hgroup)

Вы должны закрыть header после вашего h2: 

<article>
    <header>
        <h2>this is the posts title</h2>
    </header>
    <footer>
       <p>by aurel kurtula on <time>21:21pm</time></p> <ul><li>tag1</li><li>tag2</li><li>tag3</li></ul>
    <footer>
    <section>Here is the body of the article</section>
</article>

Может показаться странным использовать элемент с именем footer в середине article, но в этом нет ничего плохого:

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

...

Нижние колонтитулы не обязательно должны появляться в конце раздела, хотя они обычно делают.

Это означает, что рассматриваемый footer должен применяться к элементу article, а не к section. Если, например, у вас должно быть несколько section элементов на article, а для каждого требуется отдельный footer, эти footer элементы, вероятно, должны отображаться как потомки соответствующих им section.

...