Днес нека да поговорим за новите маркери в HTML5. Като за начало разгледаме най-глобалното: секция, статия, хедър, футър, навигация, настрани и hgroup.
Както вече споменахме, HTML5 много по-семантично правилен стандарт. Индивидуални характеристики на интернет страницата, наречена най-накрая, техните стандартизирани имена, така че в бъдеще има няма объркване: в заглавието - горната част на сайта, долен колонтитул - дъно, навигация - навигационно устройство, и т.н. В действителност, тя елиминира необходимостта да се използва неутрален DIV таг, за да се позове на тези части на сайта.
Можете, например, един типичен запис:
пренаписана по нов начин:
И в стиловете файл, CSS, съответно, да се предпише на набор от правила за пряко маркер с глава.
Въпреки това, има една засечка. Фактът, че повечето браузъри все още не знаят какво тези нови тагове, които са блокови елементи и ги смятат за низ като същите тагове връзка или снимки , например. Ето защо, в CSS стилове файл за тези тагове трябва да бъдат принудени да се регистрират блок характер:
глава, долния, НСА, статия
Добре! Ако семантиката на заглавието на тагове, долния повече или по-малко ясно, останалите тагове полезно да разгледаме по-отблизо.
навигация - се използва за създаване лентата за навигация. На страницата на тези елементи могат да бъдат няколко. Например, един блок на връзки към главната страница на сайта и лентата за навигация на заглавията.
раздел - и да комбинира маркера. Освен това, тя може да действа в различни роли: или да се разделят на страницата в няколко направления (например, за да се изолира и по този начин се изолират от горния и долния централната част на съдържанието и на лента), или разделено на отделни секции (т.е. параграфи) директно към страницата статия ,
статия - използва се за оформление на страницата в отделните статии.
И двата раздела за етикет и статията има някои интересни функции. Например, вие вече може спокойно да използвате заглавния H1 на първото ниво на същата страница, на няколко пъти това, което по-рано беше неприемливо. Освен това, частта на маркера може да бъде майка на изделието и изделието да се разделят на самата статия в няколко секции. Т.е. напълно възможно този проект:
hgroup - маркерът е предназначен за титли групови страници в една логическа единица. Например, основното заглавие на цялата страница H1 и описанието към него, украсена етикет H3. На страницата в бъдещите няколко пъти може да се използва H3 тагове за други цели. За да се отдели логично описанието на страницата, от друга тагове H3, ние го комбинирате с главния H1 таг в групата, която е посочена от hgroup на етикет:
Тук, описание на обекта
Основната - е основното съдържание на документа, или по друг начин - основното съдържание. Разликата между този маркер от доброто старо тяло, че тялото включва цялото съдържание на страницата, а основните - главното, което е уникално.
Разпределение сайтове, използвани преди това за изолиране на уреда с основното съдържание Разделение маркер с идентификатор тип или основното съдържание. HTML5 Очевидно създателите са решили да подкрепят делото и излезе с такъв нов главен маркер. Поради факта, че тя трябва да съдържа само уникално съдържание, това не включва капачка сайт или страничната лента (и) или в мазето, или каквото и да повтаря на сайта. Тя се казва - най-уникален, толкова уникален!
Основният маркер не е структурна етикет и не влияе на оформлението на страницата. Той също така не може да бъде част от другите структурни тагове: статия, встрани, долен колонтитул, хедър, или навигация заради своята уникалност. И точно като другите нови тагове, тя не се възприема от браузъри като блоков елемент, така че този имот е необходимо да го попитам насила и в CSS файла:
Пример за използването на маркера главен:
Main, уникално съдържание на сайта страница.
Tag основната е замислен за всички видове програми, екранни четци за хора с лошо зрение могат да знаят, че на страницата на сайта е основното съдържание.
От главния етикет уникалността предполага, че го използвате на уеб сайт е достатъчно трудно. Е, представяте ли си уебсайт, където всяка страница, която искате да изберете уникално произведение. Представено? Лично аз виждам само един прост сайт визитка на 5 - 6 страници, в които съдържанието на всяка страница е уникален и няма да се повтори някъде другаде на сайта.
Но за това е, например, всеки блог на WordPress. Как да се идентифицира уникално съдържание, ако главната страница съдържа съобщения за членове също имат експозиция в архива? Що за уникалност! Е, че на статичните страници на "За" тип или "Свържете се с нас".
Така че не всичко, което се появява нов в HTML5 всъщност е полезно, както и че не е необходимо незабавно да се прилага с лека ръка.