Введение статьи Wulin.com (www.vevb.com): Обзор использования элементов HTML5 HGRUP.
HGroup - это недавно определенный элемент в HTML5, который используется для группировки названий и субтитров. Зачем нам тег <hgroup>, если у нас уже есть тег заголовка? Вот ответы на этот вопрос
Что такое элемент <hgroup>Вот описание описания документа <hgroup>:
Группы обычно используются в качестве групп элементов одного или нескольких от H1 до H6, таких как названия в блоке и его субтитры.
Элемент hGroup обычно используется для группы набора из одного или нескольких элементов H1-H6-для группы, например, заголовка раздела и сопровождающего подзаголовок.
Спецификация W3C
Что означает это выражение?<hgroup> играет роль, которая может содержать один или несколько контейнеров, связанных с заголовком, которые могут быть в элементе Header>. Он может содержать только элементы заголовка от H1-H6, которые могут быть субтитры, либо названия выбора, либо названия тегов.
Более простой способ понять, как использовать <hgroup>, - это некоторые примеры. Например, следующий пример Dr.oli:
Когда у тега статьи есть только один заголовок:
1
2
3
4
<статья>
<h1> Название статьи </h1>
<p> Контент… </p>
</article>
Когда тег статьи имеет заголовок, а также содержит метаданные (meathadata)
1
2
3
4
5
6
7
8
<!-завершение заголовка и метаданные в заголовке->
<статья>
<заголовок>
<h1> Название статьи </h1>
<p> (<время datetime = 2009-07-13> 13 июля 2009 г. </time>) </p>
</header>
<p> Контент… </p>
</article>
Когда тег статьи имеет набор самостоятельных названий:
1
2
3
4
5
6
7
8
<!-заголовок H1 и субтитры H2 в hgroup->
<статья>
<hgroup>
<h1> Название статьи </h1>
<h2> Подзаголовок статьи </h2>
</hgroup>
<p> Контент… </p>
</article>
Тег статьи содержит заголовок, подзаголовок и метаданные
1
2
3
4
5
6
7
8
9
10
11
<!-заголовок, который использует заголовок и hgroup->
<статья>
<заголовок>
<hgroup>
<h1> Название статьи </h1>
<h2> Подзаголовок статьи </h2>
</hgroup>
<p> (<время datetime = 2009-07-13> 13 июля 2009 г. </time>) </p>
</header>
<p> Контент… </p>
</article>
Почему мы используем <hgroup>?Мы используем <hgroup> для запуска контура документа (схема документа).
Когда заголовок группы находится в элементе <hgroup>, алгоритм наброска перезаписывает название низкого уровня в группе и будет использовать название самого высокого уровня в качестве контура. Ниже приведен пример:
1
2
3
4
5
6
<заголовок>
<hgroup>
<h1> <a href =/> Mini Apps </a> </h1>
<h2> веб -приложения для iPhone, Android и других мобильных платформ </h2>
</hgroup>
</header>
<hgroup> содержит элементы заголовка H1-H2, но только <h1> включен в контур. Как показано на рисунке ниже.
Мы можем просмотреть план документа по этой ссылке:
Суммировать:
Мы только что говорили, так это как эффективно использовать элементы <hgroup>. Давайте рассмотрим:
. Если у вас есть только один элемент заголовка (один в H1-H6), вам не нужно <hgroup>.
Когда появляются один или несколько названий и элементов, <hgroup> применяется к их окружению.
. Когда ваш заголовок имеет подзаголовок или другие метаданные, связанные с разделом или статьей, поместите <hgroup> и метаданные в отдельный контейнер <Header> элемента.
Оригинальный китайский: обзор использования элементов html5 hgroup
Оригинальный английский: избегание общих ошибок HTML5