Introducción al artículo de Wulin.com (www.vevb.com): descripción general del uso de elementos HTML5 HGroup.
HGroup es un elemento recientemente definido en HTML5 que se utiliza para agrupar títulos y subtítulos. ¿Por qué necesitamos una etiqueta <hgroup> si ya tenemos la etiqueta de encabezado? Aquí están las respuestas a esta pregunta.
¿Cuál es el elemento <hgroup>?Aquí hay una descripción de la descripción del documento de <hgroup>:
Los grupos H generalmente se usan como grupos de elementos de uno o más H1 a H6, como títulos dentro de un bloque y sus subtítulos.
El elemento HGROUP se usa típicamente para agrupar un conjunto de uno o más elementos H1-H6: para agrupar, por ejemplo, un título de sección y un subtítulo acompañante.
Especificación W3C
¿Qué significa esta expresión?<hgroup> juega un papel que puede contener uno o más contenedores relacionados con el título, que pueden estar en el elemento & ls; encabezado>. Puede contener solo elementos de título de H1-H6, que pueden ser subtítulos, títulos de elección o títulos de etiquetas.
Una forma más simple de entender cómo usar <hgroup> es a través de algunos ejemplos. Por ejemplo, el siguiente ejemplo Dr.oli:
Cuando la etiqueta del artículo tiene y solo tiene un título:
1
2
3
4
<Artículo>
<h1> Título del artículo </h1>
<p> contenido ... </p>
</artículo>
Cuando la etiqueta del artículo tiene un título y también contiene metadatos (Meatadata)
1
2
3
4
5
6
7
8
<!-Título de envoltura y metadatos en el encabezado->
<Artículo>
<Header>
<h1> Título del artículo </h1>
<P> (<Time DateTime = 2009-07-13> 13 de julio de 2009 </beo>) </p>
</Header>
<p> contenido ... </p>
</artículo>
Cuando la etiqueta del artículo tiene un conjunto de títulos de cierre autónomo:
1
2
3
4
5
6
7
8
<!-Título H1 y Subtítulo H2 en Hgroup->
<Artículo>
<hgroup>
<h1> Título del artículo </h1>
<h2> Subtítulo del artículo </h2>
</hgroup>
<p> contenido ... </p>
</artículo>
Una etiqueta de artículo contiene un título, subtítulo y metadatos
1
2
3
4
5
6
7
8
9
10
11
<!-un encabezado que usa encabezado y hgroup->
<Artículo>
<Header>
<hgroup>
<h1> Título del artículo </h1>
<h2> Subtítulo del artículo </h2>
</hgroup>
<P> (<Time DateTime = 2009-07-13> 13 de julio de 2009 </beo>) </p>
</Header>
<p> contenido ... </p>
</artículo>
¿Por qué usamos <hgroup>?Usamos <hgroup> para iniciar el esquema del documento (esquema del documento).
Cuando el título del grupo está en el elemento <hgroup>, el algoritmo de esquema sobrescribirá el título de bajo nivel en el grupo y usará el título de nivel más alto como esquema. El siguiente es un ejemplo:
1
2
3
4
5
6
<Header>
<hgroup>
<h1> <a href =/> mini aplicaciones </a> </h1>
<h2> Aplicaciones web para iPhone, Android y otras plataformas móviles </h2>
</hgroup>
</Header>
<hgroup> contiene los elementos de título de H1-H2, pero solo <h1> se incluye en el esquema. Como se muestra en la figura a continuación.
Podemos ver el esquema del documento desde este enlace:
Resumir:
De lo que acabamos de hablar es cómo usar elementos <hgroup> de manera eficiente. Revisemos:
Si solo tiene un elemento de título (uno en H1-H6), no necesita <hgroup>.
Cuando aparecen uno o más títulos y elementos, <hgroup> se aplica para rodearlos.
Cuando su título tiene un subtítulo u otros metadatos relacionados con la sección o artículo, coloque el <hgroup> y los metadatos en un contenedor de elementos <Header> separados.
Chino original: descripción general del uso de elementos html5 hgroup
Inglés original: Evitar errores comunes de HTML5