2013-06-26 4 views
0

Я немного запутался сейчас, HTML, поэтому я вопрос о смысловой элемент:HTML 5: #header или <header>

Должен ли я использовать, как это?

<html> 
<head> 
    <title>Some page</title> 
</head> 
<body> 
    <header class="main-header"> 
     <!-- menu and imaganary logo --> 
     <nav> 
      <ul> 
       <li>Demo</li> 
      </ul> 
     </nav> 
    </header> 
</body> 
</html> 

Или это?

<html> 
<head> 
    <title>Some page</title> 
</head> 
<body> 
    <div class="main-header"> 
     <!-- menu and imaganary logo --> 
     <nav> 
      <ul> 
       <li>Demo</li> 
      </ul> 
     </nav> 
    </header> 
</body> 
</html> 

Я прочитал http://html5doctor.com/the-header-element/ о элементе заголовка. Он говорит, что он полезен для заголовков <article> Это не дает мне информации об этой ситуации.

ответ

2

<header> также подходит для заголовка страницы или для заголовка <section> не только для статей. Вы можете использовать оба примера без проблем. Я рекомендую использовать <header> для удобства чтения.

+0

Согласитесь, кажется логичным использовать '

':. «Группа вводных или навигационных средств Элемент заголовка обычно содержит заголовок в секции (в Н1-Н6 элемент или элемент HGroup), но может также содержать другие содержимое, такое как оглавление, форма поиска или любые соответствующие логотипы ». http://html5doctor.com/the-header-element/ – showdev

+0

Спасибо, что расчистили это! Использовать

JochemQuery

1

Согласно HTML спецификации

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

Итак, вы должны, вероятно, перейти к первому примеру, хотя второй тоже можно использовать без проблем. Также вы можете напрямую использовать элемент заголовка в своем CSS, как показано ниже.

header { 
    // style the header 
}