Зачем давать идентификатор тегам HEADER или FOOTER?

Question

[▪ ▪]

Почему то стал замечать на сайтах где используют html5 теги, такие как footer и header, что им присваивают идентификаторы. Для чего это? Например недавно видел < footer id="footer" >. :) Что за бред? Зачем для таких тегов идентификаторы? Ведь они используются только один раз на странице. Или при вызове этих идентификаторов в java-script нельзя указывать тегами?

Answer 1

[Дима Паутов]

Теги header и footer могут использоваться сколь угодно раз! Почитайте спецификацию. Это блоки призваны делать то, что говориться в их названии. Выделять шапку блока, раздела и его подвал.
Например так:

<article id="publ1">
<header>
<h1>Заголовок</h1>
</header>

<footer>
<time>21:00-12-12</time>
</footer>
</article>

<article id="publ2">
<header>
<h1>Заголовок</h1>
</header>

<footer>
<time>21:00-12-12</time>
</footer>
</article>

<article id="publ3">
<header>
<h1>Заголовок</h1>
</header>

<footer>
<time>21:00-12-12</time>
</footer>
</article>

2е. Как вы думаете, зачем вообще давать атрибут id? id явно указывает уникальность элемента на странице. Здесь дело вкуса, кто хочет, ставит id, кто хочет ставит классы. Лично я всегда ставлю атрибуты id уникальным в коде элементам.

< footer id="footer"> призван дать подушку безопасности для людей с браузерами, не поддерживающими новый стандарт.

Полнейший бред!

Answer 2

[Андрей Хохлов]

На самом деле они могут использоваться не один раз, почитайте спецификацию

Comments

[georgich]

Тогда классы же.

[▪ ▪]

Не один раз? А зачем?

[Kovalsky]

Ну не обязательно же элемент footer должен быть только тем футером, который у вас в самом низу страницы. Возможно, в некоторых ситуациях удобно использовать например в каких-нибудь типовых блоках. Я, конечно, не из тех, кто проповедует читабельность, но, согласитесь, это:

...
<section data-purpose="sports">
	<header>
		<p>Here is a header for the sports section.</p>
	</header>
	<article data-theme="some-theme">
		...
	</article>
	<article data-theme="some-other-theme">
		...
	</article>
	<footer>
		<p>That's all, folks!</p>
	</footer>
</section>
...

выглядит лучше, чем это:

...
<div class="section">
	<div class="section-header">
		<p>Here is a header for the sports section.</p>
	</div>
	<div class="section-article" id="some-theme">
		...
	</div>
	<div class="section-article" id="some-other-theme">
		...
	</div>
	<div class="section-footer">
		<p>That's all, folks!</p>
	</div>
</div>
...

Answer 3

[Александр Пупкин]

Footer и Header может быть и у отдельного блока с меню например справа...И получается если задать

footer {
    border:1px solid red;
}

То будет у всех footer на странице border red. Ну вообщем понятно, да? =)