Семантика Html5

[Andreka]

Доброго времени суток. Подскажите, пожалуйста, по семантике Html5 и новым элементам <section>, <article>, <hgroup>.

Правильно ли организована структура главной страницы в виде блога (в упрощенном варианте, конечно же):

<header>

—--<hgroup>

—————-<h1>Название раздела</h1>

—————-<h2>Подзаголовок </h2>

——</hgroup>

</header>

<article> (или <section>?)

——<hgroup> (нужен ли этот элемент?)

—————-<h1>Заголовок статьи1</h1>

——</hgroup>

——<p>Текст статьи</p>

</article>

<article> (или <section>?)

——<hgroup> (нужен ли этот элемент?)

—————-<h1>Заголовок статьи2</h1>

——</hgroup>

——<p>Текст статьи</p>

</article>

…

Т.е. я не совсем понял, чем отличается <article> от <section> и нужно ли использовать <hgroup> если заголовок h1 один в элементе страницы, но не один во всем документе

[Nekromancer]

Т.е. я не совсем понял, чем отличается <article> от <section>

В общем наверно не чем. Но зависит от ситуации например

<div id="page-info">
	<h3>Main data</h3>
	<section>
		<h4>Main</h4>
		<p>...</p>
	</section>
	<section>
		<h4>Contacts</h4>
		<p>...</p>
	</section>
	<section>
		<h4>Another</h4>
		<p>...</p>
	</section>
</div>

<div id="news">
	<h3>News block</h3>
	<article>
		<h4>Title</h4>
		<p>...</p>
	</article>
	<article>
		<h4>Title</h4>
		<p>...</p>
	</article>
	<article>
		<h4>Title</h4>
		<p>...</p>
	</article>
</div>

[Andreka]

Наверно так

[troll]

Т.е. я не совсем понял, чем отличается <article> от <section> и нужно ли использовать <hgroup> если заголовок h1 один в элементе страницы, но не один во всем документе

По-моему, в HTML5 у каждого раздела может быть собственный заголовок, поэтому не важно, сколько их в документе вообще. hgroup используется для группировки заголовков, соответственно, нет нужды его применять, если внутрь планируется поместить единственный элемент, так как группировать в таком случае просто-напросто нечего.

Edited August 13, 2011 by troll

[Andreka]

Troll, я придерживаюсь такого же мнения по заголовкам, главное, чтобы и поисковые машины были не против.

Кстати, а тот же элемент <nav> может присутствовать в документе как самостоятельно так и, например, внутри <header>, я правильно понимаю?

[nightgremlin]

тег <header> разрешается использовать несколько раз

<header>
—--<hgroup>
—————-<h1>Название раздела</h1>
—————-<h2>Подзаголовок </h2>
——</hgroup>
</header>
<article>
——<header> 
—————-<h1>Заголовок статьи1</h1>
——</header>
——<p>Текст статьи</p>
</article>

можно так, получится два заголовка для статьи и для раздела в отдельности

Edited August 16, 2011 by nightgremlin

[troll]

По-моему, оба header'а в этом коде лишние.

[nightgremlin]

По-моему, оба header'а в этом коде лишние.

Почему лишние, теперь с html5 можно хоть 10 заголовков использовать и мне кажется, да помойму и принято так вставлять тег <h1> в <header> Поправьте меня если я не прав.

<hgroup> (нужен ли этот элемент?)
            <h1>Заголовок статьи2</h1>
</hgroup>

Вы спрашивали нужен ли этот элемент. Ответ: нет не нужен.

[troll]

Поправляю: http://html5doctor.com/avoiding-common-html5-mistakes/

[nightgremlin]

Извините, спасибо за статью. Просто из другого источника я как раз читал что тег <hgroup> группирует элементы, зачем вписывать в него

всего один заголовок? Не понимаю

[troll]

Я имел в виду, что header не нужен для единственного заголовка, а про hgroup все верно вы написали.