новые тэги html5

[cyklop77]

на этом макете впервые попробовал html5. результат

такое чувство, что я не до конца понимаю преимущества новых html5-тэгов. помогите пожалуйста понять как удобно записывать их в css-файле

раньше я использовал xhtml и запись выглядела примерно так

.footer{

}

	.footer .box{
		height: 48px;
		position: relative;
	}

		.footer .box .logo{
			position: absolute;
			top: 0px;
			left: -11px;
			width: 53px;
			height: 53px;
			background:  url('../images/bg_logoB.png') right 0px no-repeat;
		}

то есть я мог однозначно идентифицировать любой блок(футер, хэдер и т.д)

в html5 хэдеров (или article, или section и т.д.) может быть несколько. то есть мне в любом случае придется точно таким же старым добрым методом назначать классы тэгам. что я и сделал в представленном макете:

<section class="mainsection">,
<nav class="nav1">,
<header class="mainheader">

иначе мне пришлось бы писать длинные цепочки тэгов.

вотпрос. это нормально? так делать в html5 эффективно? может есть другой более удачный способ?

[Sensei]

Думаю что например article есть див и класс в одном лице (<article> == <div class="article">). Суть та же, но работать с ними удобней. Мне правда непонятно по какой причине у вас будет несколько хедеров =) Я использую такие теги просто как общую структуру документа, а внутрь по необходимости вставляю дивы. То есть не думаю, что новые html5 теги призваны заменить старый добрый div.

[cyklop77]

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

почему вам непонятно про несколько хэдеров? в html5 это допустимо

Edited May 1, 2012 by cyklop77

[Sensei]

Говоря про структуру, я имел ввиду что делю документ на header, article и footer, получается каждый из этих тегов использую только один раз, и нет необходимости задавать им классы и идентификаторы. При этом не значит, что делать нужно именно так. Что до хедеров, мне просто непонятно зачем делать их больше одного, у вас что две шапки будет?

[cyklop77]

про хэдеры не будем. вопрос открытым остается так как я использую несколько header, article, section. помогите люди

[SelenIT]

В плане оформления HTML5 практически ничего нового не добавил. Новые структурные элементы — не для оформления, а для логического структурирования страницы (ну и поддерживать такой код проще, в </footer></section></article> сразу видно, где какая часть кончается, в отличие от безликих </div></div></div>). Для оформления всё осталось по-старому — классы и CSS.

[cyklop77]

спасибо. то есть если я правильно понял, то вполне нормально каждому тегу типа section, article и т.д. задать класс. в этом случае мне совсем не придётся менять мой устоявшийся стиль оформления css-кода. потому и спрашивал

[Great Rash]

то есть если я правильно понял, то вполне нормально каждому тегу типа section, article и т.д. задать класс. в этом случае мне совсем не придётся менять мой устоявшийся стиль оформления css-кода

Да.

[SelenIT]

Абсолютно нормально. Никаких противопоказаний я не вижу и нигде не встречал.

Единственное, от чего спека прямо предостерегает — не надо добавлять эти элементы только для оформления. Если без доп. элемента для этих целей совсем никак, лучше использовать старый добрый <div>.