Entendo (com base neste capítulo do Dive into HTML5: http://goo.gl/9zliD ) que pode ser considerado semanticamente apropriado usar as tags H1 em várias áreas da página, como um método para definir o título mais importante para esse conteúdo específico.
Se eu estiver usando essa metodologia e tiver uma SEÇÃO à qual designei um H1 de 'Artigos', devo usar H1 ou H2 para definir os títulos dos ARTIGOS nessa SEÇÃO? Isso é um pouco confuso para mim, pois os títulos dos artigos são o cabeçalho mais importante para o ARTIGO, mas também são 'filhos' do título da SEÇÃO.
Código de exemplo:
<section class="article-list">
<header>
<h1>Articles</h1>
</header>
<article>
<header>
<h2>Article Title</h2>
<time datetime="201-02-01">Today</time>
</header>
<p>Article text...</p>
</article>
<article>
<header>
<h2>Article Title</h2>
<time datetime="2011-01-31">Yesterday</time>
</header>
<p>Article text...</p>
</article>
<article>
<header>
<h2>Article Title</h2>
<time datetime="2011-01-30">The Day Before Yesterday</time>
</header>
<p>Article text...</p>
</article>
</section>
html5
semantic-web
Matt
fonte
fonte
Respostas:
O peregrino não está sozinho em afirmar isso.
De acordo com o HTML5 para Web Designers de Jeremy Keith , você pode usar vários
<h1>
s em um documento sem estragar o resumo do documento, desde que estejam aninhados em tags seccionais semânticas discretas.Citando diretamente do eBook (que comprei no iBooks)
(Exemplo de código também do livro, página 73)
fonte
<h1>
em sua página e que qualquer outra coisa dilui a capacidade dos rastreadores de decifrar seu site. Mas eu não sou um guru do SEO, então não posso comentar sobre isso.Eu tenderia a concordar com a interpretação de Mark Pilgrim . Se você estiver colocando seu artigo dentro de um
article
elemento, poderá começar novamente com umh1
cabeçalho para o artigo.Nas especificações do HTML5,
article
s devem ser tratados como uma parte independente e independente da página. Você deve conseguir transplantar oarticle
elemento como está em outra página sem reformatar os cabeçalhos.Se os cabeçalhos dos artigos precisassem ser uma continuação da hierarquia de cabeçalhos do documento, quando você soltar o
article
item diretamente sob umabody
tag, seria necessário acessá-loh1
, mas se o soltasse nas seções aninhadas, seria necessário alterá-lo parah3
/h4
/h5
/ etc., dependendo de onde você o coloca.De fato, sempre que você criar um novo
section
ouarticle
, você deve voltar parah1
, pois o seguinte é idêntico:e:
Como uma observação lateral, se o cabeçalho for apenas um elemento do cabeçalho (por exemplo
h1
) e nada mais, não será necessário agrupá-lo em umheader
elemento.fonte
header
"um grupo de auxílios introdutórios ou de navegação". Isso e o fato de as especificaçõesh1
-h6
não exigirem que sejam aninhadas em umheader
(e incluem muitos exemplos deles usados diretamente na seção da qual fazem parte) me sugerem que é desnecessário. Esse sentimento é ecoado por Oli Studholme e Remy Sharp, do HTML5 Doctor.Embora os títulos dos artigos da sua página sejam importantes, geralmente o cabeçalho de nível superior da página define o conteúdo da página. Às vezes, é o nome do artigo e, às vezes, como você mostra, é o título de uma lista de artigos.
Este cabeçalho define a página inteira como 'artigos interessantes'. Cada artigo é listado, mas tem um nível de cabeçalho menor.
fonte
A resposta oficial da w3schools ao uso de tags de cabeçalho em uma página é a seguinte: Os títulos H1 devem ser usados como títulos principais, seguidos pelos títulos H2, depois pelos menos importantes H3 e assim por diante.
fonte