Introduction de l'article de wulin.com (www.vevb.com): Aperçu de l'utilisation des éléments HGROUP HTML5.
HGroup est un élément nouvellement défini de HTML5 qui est utilisé pour regrouper les titres et les sous-titres. Pourquoi avons-nous besoin d'une balise <hgroup> si nous avons déjà la balise d'en-tête? Voici les réponses à cette question
Quel est l'élément <hgroup>Voici une description de la description du document de <hgroup>:
Les HGroups sont généralement utilisés comme groupes d'éléments d'un ou plusieurs H1 à H6, comme les titres dans un bloc et ses sous-titres.
L'élément HGroup est généralement utilisé pour regrouper un ensemble d'un ou plusieurs éléments H1-H6 - pour regrouper, par exemple, un titre de section et un sous-titre qui l'accompagne.
Spécification W3C
Que signifie cette expression?<hgroup> joue un rôle qui peut contenir un ou plusieurs conteneurs liés au titre, qui peuvent être dans l'élément & ls; en-tête>. Il ne peut contenir que des éléments de titre de H1-H6, qui peuvent être des sous-titres, des titres de choix ou des titres de balise.
Une façon plus simple de comprendre comment utiliser <hgroup> est à travers quelques exemples. Par exemple, l'exemple de Dr.oli suivant:
Lorsque la balise de l'article a et n'a qu'un seul titre:
1
2
3
4
<Re article>
<h1> Titre de l'article </H1>
<p> Contenu… </p>
</article>
Lorsque l'article TAG a un titre et contient également des métadonnées (Meatadata)
1
2
3
4
5
6
7
8
<! - Emballage du titre et des métadonnées dans l'en-tête ->>
<Re article>
<dique>
<h1> Titre de l'article </H1>
<p> (<Time DateTime = 2009-07-13> 13 juillet 2009 </Time>) </p>
</-header>
<p> Contenu… </p>
</article>
Lorsque la balise de l'article a un ensemble de titres d'auto-fermer:
1
2
3
4
5
6
7
8
<! - Titre H1 et sous-titre H2 dans HGroup ->
<Re article>
<hgroup>
<h1> Titre de l'article </H1>
<h2> Sous-titre d'article </h2>
</hgroup>
<p> Contenu… </p>
</article>
Une balise d'article contient un titre et un sous-titre et des métadonnées
1
2
3
4
5
6
7
8
9
10
11
<! - une rubrique qui utilise l'en-tête et le hgroup ->>
<Re article>
<dique>
<hgroup>
<h1> Titre de l'article </H1>
<h2> Sous-titre d'article </h2>
</hgroup>
<p> (<Time DateTime = 2009-07-13> 13 juillet 2009 </Time>) </p>
</-header>
<p> Contenu… </p>
</article>
Pourquoi utilisons-nous <hgroup>?Nous utilisons <hgroup> pour démarrer le plan de document (contour du document).
Lorsque le titre du groupe est dans l'élément <hgroup>, l'algorithme de contour écrasera le titre de bas niveau du groupe et utilisera le titre de niveau le plus élevé comme contour. Ce qui suit est un exemple:
1
2
3
4
5
6
<dique>
<hgroup>
<h1> <a href = /> mini applications </a> </h1>
<h2> Applications Web pour iPhone, Android et autres plates-formes mobiles </h2>
</hgroup>
</-header>
<hgroup> contient les éléments de titre de H1-H2, mais seul <H1> est inclus dans le contour. Comme indiqué dans la figure ci-dessous.
Nous pouvons afficher le plan du document à partir de ce lien:
Résumer:
Ce dont nous venons de parler, c'est comment utiliser efficacement les éléments <hgroup>. Prenons l'examen:
.Si vous n'avez qu'un seul élément de titre (un dans H1-H6), vous n'avez pas besoin de <hgroup>.
. Lorsqu'un ou plusieurs titres et éléments apparaissent, <hgroup> est appliqué pour les entourer.
.Lorsque votre titre a un sous-titre ou d'autres métadonnées liées à la section ou à l'article, mettez le <hgroup> et les métadonnées dans un conteneur d'élément <-en-tête séparé.
Chinois d'origine: aperçu de l'utilisation des éléments HTML5 HGroup
Anglais original: éviter les erreurs de HTML5 courantes