Семантичен HTML кодиране

Дълго не се получи около да напиша тази статия, но винаги знаеше какво да прави. Семантичната оформление - това е много широка и важна тема. Това е от особено значение с пускането на HTML5 и вълнението около него. Но този въпрос е не по-малко важно за предишни версии на HTML и XHTML. Както и изискване семантично маркиране е почти във всяка свободна длъжност HTML програмист. Въпреки, че аз не мисля, че този въпрос се разбира от тези, които е написал такова изискване. -)

Така че, в тази статия за семантично маркиране, аз ще се опитам да разкрие всички факти по тази тема:

Използване на HTML тагове по предназначение
Точен имената елементи
групиране на предмети
Семантичната оформление и валидност
Разделянето на съдържание и дизайн
Защо е толкова важно семантика

Семантика в HTML кодиране - е да използвате HTML тагове по предназначение, правилното им име и групирането им.

Използване на HTML тагове по предназначение

Цел и семантичен HTML тагове натоварване е описано в DTD (Document Type Definition), който е регистриран в . или в съответната версия на спецификацията на HTML. Например, h1 маркер описва заглавната част на документа. Заглавия Има шест вида h1-h6, които се различават по големина и значение (в стандартните стилове те се различават по размер, и контраст на сайта си, което трябва да направите своя собствена). Мисля, че със заглавието е ясно. Има и връзки . списъци

Verstov форма, най-вероятно трябва да направите подпис към полетата на формата - "Име" или "Enter имейла". Тези подписи трябва да се направи използването на маркера . Това е за даден елемент. Освен това, в допълнение към семантика, и ще получите правилната функционалност. Например, подпис елементи и , когато щракнете върху тях, ще направи активни (подчертани), съответните контроли.

Точен имената елементи

Става въпрос за определянето на правилните имена на класове и идентификационните номера. Позволете ми да ви напомня, че разликата между клас (клас) и номер (идентификатор) е, че трябва да е уникална, това е единственото нещо, на страницата. Като цяло, идентификаторите трябва да се използват предпазливо. Те все по-често се използва за достъп до нея от скриптове или при работа с форми. Затова е препоръчително да не се поиска от ID член ненужно.

Така че, обратно към правилните имена. Аз вече за пример в менюто и етикет

групиране на предмети

Семантичната оформление и валидност

Също така, семантиката, свързани с действителността. свободен край Това не може да съдържа друг таг , в съответствие елемент не може да съдържа блок. Ако страницата ви не е потвърден за валидност, е вероятно, че тя има проблеми с семантика.

Разделянето на съдържание и дизайн

Не е необходимо да се определи стайлинг елемент в стила на маркера, ако не е абсолютно необходимо. Защото сега има псевдо-класовете, с които можете да изберете елементи от техния сериен номер, странни и дори и първата poslednie.Takzhe не е необходимо да се определи стила на атрибути, като например ширина или цвят. Това е вярно, когато табличен оформлението, сега е възможно да се направи по-лесно и по-красив.

Защо е толкова важно семантика оформление

Семантиката на HTML страници, не е необходимо в името на "кърлежи" или с добра репутация. Това е важно за по-нататъшното използваемостта на посетителите на сайта и промоция сайт.

Правилното разпределение на страницата, за да помогне на потребителите с увреждания да използват вашия сайт. Програми, които четат данни от HTML страници, водени от използваните тагове. Например, правилната структура на таблицата дава възможност да се обадя програмните данни в съответствие с местоположението им в таблицата - в даден низ стойност на такава колона е равна на тази стойност.

Е, за насърчаване на използването на сайта на семантика, според мен, е ясно. Търсене робот първо погледнете в заглавието на страницата за таг

. Това ще бъде трудно да се направи, че ако заглавието не е в тага

. -) Също така е важно да се правилното изпълнение на галетата в менюто. Още веднъж ви, че не могат да направят без заглавие атрибут за връзки и н за снимки напомни. Тази нужда от семантиката и валидност, както и използваемост.