<hgroup> отображает только один из его элементов в алгоритме Outlining (HTML5) - PullRequest
Новая
       28

<hgroup> отображает только один из его элементов в алгоритме Outlining (HTML5)

3 голосов
/ 05 января 2012

Я новичок в HTML5, и я прочитал изложенную концепцию, и я понял. Я пробовал часть кода в этот сайт (набросать мой код): 

<!DOCTYPE html>
<article>
  <hgroup>
    <h1>H1</h1>
    <h2>H2</h2>
    <h3>H3</h3>
  </hgroup>
</article>

Но результат, который я получаю, сбивает меня с толку. Я получаю следующий результат: 

1.Untitled Section
    1.H1

Я знаю причину, по которой я получаю 1.Untitled Section в своем выводе, но куда пропала эта часть кода 

<h2>H2</h2>
<h3>H3</h3>

Я не мог видеть H2 и H3 в моем выводе. В чем причина? Поясните на примере.

Заранее спасибо.

Ответы [ 3 ]

2 голосов
/ 05 января 2012

Я читал книгу по HTML5 на днях, и, если я правильно помню, элемент группы HTML5 создает контур только для первого заголовка (ограничительной рамки).

Редактировать: как указано Полом вкомментарии, это объясняется здесь довольно хорошо:

http://diveintohtml5.info/semantics.html#header-element

2 голосов
/ 05 января 2012

hgroup включает только (первый) заголовок самого высокого уровня в схему.

С http://dev.w3.org/html5/spec/the-hgroup-element.html

Для целей краткого изложения, структуры и т. Д. Текст элементов hgroup определяется как текст потомка элемента h1 – h6 с наивысшим рейтингом элемента hgroup, если такие элементы есть, первый такой элемент, если есть несколько элементов с таким рангом. Если таких элементов нет, то текст элемента hgroup представляет собой пустую строку.

Смысл использования hgroup состоит в том, чтобы фактически замаскировать последующие заголовки из контура. Таким образом, поведение, которое вы видите, является причиной существования элемента.

1 голос
/ 05 января 2012

h1 h2 h3 использовался для создания разделов в HTML4.0 и предыдущих версиях.С HTML 5 это не так.Теперь лучше разметить разделы, такие как section, article, nav и т. Д. Значение h1, h2, h3 теперь является ничем иным, как заголовком и подзаголовками внутри этих разметок.Hgroup была создана для фильтрации подзаголовков и слоганов, созданных с использованием h2, h3 и т. Д., От загрязнения контура.так что то, что вы видите, предназначено.Если вы удалите группу, вы увидите все из них.

...