Artigo Introdução de wulin.com (www.vevb.com): Visão geral do uso de elementos html5 hgroup.
O Hgroup é um elemento recém -definido no HTML5 usado para agrupar títulos e legendas. Por que precisamos de uma tag <hgroup> se já temos a tag de cabeçalho? Aqui estão as respostas para esta pergunta
Qual é o elemento <hgroup>Aqui está uma descrição da descrição do documento de <Hgroup>:
Os grupos de H são geralmente usados como grupos de elementos de um ou mais H1 a H6, como títulos dentro de um bloco e suas legendas.
O elemento Hgroup é normalmente usado para agrupar um conjunto de um ou mais elementos H1-H6-para agrupar, por exemplo, um título de seção e uma legenda que o acompanha.
Especificação W3C
O que essa expressão significa?O <Hgroup> desempenha uma função que pode conter um ou mais contêineres relacionados ao título, que podem estar no elemento & ls; cabeçalho>. Ele pode conter apenas elementos de título do H1-H6, que podem ser legendas, títulos de escolha ou títulos de tags.
Uma maneira mais simples de entender como usar <hgroup> é através de alguns exemplos. Por exemplo, o seguinte exemplo de Dr.oli:
Quando a tag do artigo tem e só tem um título:
1
2
3
4
<Artigo>
<H1> Título do artigo </h1>
<p> Conteúdo… </p>
</artigo>
Quando a tag do artigo tem um título e também contém metadados (meatadata)
1
2
3
4
5
6
7
8
<!-embrulhar título e metadados no cabeçalho->
<Artigo>
<header>
<H1> Título do artigo </h1>
<p> (<Time DateTime = 2009-07-13> 13 de julho de 2009 </time>) </p>
</header>
<p> Conteúdo… </p>
</artigo>
Quando a tag do artigo tem um conjunto de títulos de fechamento automático:
1
2
3
4
5
6
7
8
<!-Título H1 e Legenda H2 em Hgroup->
<Artigo>
<Hgroup>
<H1> Título do artigo </h1>
<H2> Legenda do artigo </h2>
</hgroup>
<p> Conteúdo… </p>
</artigo>
Uma tag de artigo contém um título e legenda e metadados
1
2
3
4
5
6
7
8
9
10
11
<!-Um cabeçalho que usa cabeçalho e hgroup->
<Artigo>
<header>
<Hgroup>
<H1> Título do artigo </h1>
<H2> Legenda do artigo </h2>
</hgroup>
<p> (<Time DateTime = 2009-07-13> 13 de julho de 2009 </time>) </p>
</header>
<p> Conteúdo… </p>
</artigo>
Por que usamos <hgroup>?Usamos <Hgroup> para iniciar o esboço do documento (esboço do documento).
Quando o título do grupo estiver no elemento <HGroup>, o algoritmo de contorno substituirá o título de baixo nível do grupo e usará o título de mais alto nível como esboço. O seguinte é um exemplo:
1
2
3
4
5
6
<header>
<Hgroup>
<H1> <a href =/> mini aplicativos </a> </h1>
<H2> Aplicativos da Web para iPhone, Android e outras plataformas móveis </h2>
</hgroup>
</header>
<hgroup> contém os elementos do título de H1-H2, mas apenas <H1> está incluído no esboço. Como mostrado na figura abaixo.
Podemos ver o esboço do documento a partir deste link:
Resumir:
O que acabamos de falar é como usar elementos <HGroup> com eficiência. Vamos revisar:
.Se você tiver apenas um elemento de título (um em H1-H6), você não precisa de <Hgroup>.
.Quando aparece um ou mais títulos e elementos, <Hgroup> é aplicado para cercá -los.
.Quando seu título possui uma legenda ou outros metadados relacionados à seção ou artigo, coloque o <HGroup> e os metadados em um contêiner de elemento <header> separado.
Chinês original: Visão geral do uso de elementos html5 hgroup
Inglês original: evitando erros comuns html5