HTML5, семантична маркировка и микроформати
Уеб програмиране --- HTML5 --- Семантична маркировка и микроформати
Създателите на HTML5 умишлено са заобиколили тази област като не искаха да затрупват езика с десетки специализирани елементи, необходими на някои разработчици, но напълно безполезни за други. За да го изведете наистина на следващото ниво в семантиката, трябва да надхвърлите основния език HTML5 и да обмислите някои други стандарти, които могат да бъдат приложени при разработването на уеб страници.
В следващите раздели ще разгледаме четири такива стандарта. Първо разглеждаме стандарта ARIA, който е предназначен да подобри достъпността на уеб страници за екранни четци. След това ще разгледаме набързо три конкурентни подхода за описване на голямо разнообразие от типове съдържание, било то подробна информация за контакт, имена на компании или просто всичко, което може да се вмъкне в HTML таговете на страницата.
Стандарт за достъпни богати интернет приложения
Възникващият стандарт за достъпни богати интернет приложения (ARIA) ви позволява да предоставяте допълнителна информация на екранните четци, като използвате атрибути на който и да е HTML елемент. Наред с други, той въвежда атрибута роля, което показва целта на дадения елемент.
Например целта на елемента, представляващ заглавката, е:
може да бъде привлечен на вниманието на екранните четци, като зададете атрибута роля на банер:
Но отново, както вече научихме, стандартът HTML5 ни предоставя по-смислен начин за обозначаване на заглавките. Следователно трябва да използваме нещо като следното:
Този пример илюстрира два важни факта. Първо, стандартът ARIA изисква използването на един от кратките списъци с препоръчани имена на роли. Второ, някои части на стандарта ARIA припокриват семантичните елементи на HTML5, което е съвсем логично, тъй като ARIA предшества HTML5. Но това не е пълно припокриване. Например, някои заглавия на роли дублират HTML5 елементи (да речем банер и статия, докато други са по-напреднали (като лента с инструменти и търсене).
Стандартът ARIA също така въвежда два атрибута за работа с HTML форми. Атрибут изисква се ария в текстовото поле показва, че потребителят трябва да въведе стойност. И атрибута ария-инвалид показва, че текущата стойност в текстовото поле е невалидна. Предимството на тези атрибути е, че екранните четци могат да пропуснат визуални сигнали, които потребителите на нормално зрение следват при попълване на формуляри, като звездичка до попълнено поле или мигащ червен удивителен знак до поле с неправилна стойност.
За да приложите правилно стандарта ARIA, трябва да го изучите и да прекарате известно време в проучване на маркировката, която разработвате. Като се има предвид, че стандартът ARIA все още се разработва и HTML5 предоставя някои от същите възможности, но на по-ниска цена възгледите на уеб разработчиците за стойността на такава инвестиция на усилия и време в този стандарт са смесени.
Но ако искате да направите уебсайт, който да е наистина достъпен днес, трябва да използвате и двата стандарта, защото новите екранни четци поддържат ARIA, но HTML5 все още не.
Стандарт на рамката за описание на ресурса
Рамката за описание на ресурсите (RDFa - рамка за описване на ресурси - в атрибути) дефинира правила за интегриране на подробни метаданни в уеб документи чрез атрибути. RDFa има значително предимство пред други подходи: това е стабилен, утвърден стандарт.
Но има и два съществени недостатъка. Първият е сложен стандарт. Маркирането с вградени в него метаданни RDFa е много по-обемно и значително неудобно от обикновеното HTML маркиране. Второ, този стандарт е предназначен за използване с XHTML, а не с HTML5. В момента няколко супер интелигентни уеб гурута работят по най-добрите начини за адаптиране на RDFa към работа с HTML5. Но е възможно RDFa просто да не пусне корен в света на HTML5, защото той е по-подходящ за строг синтаксис и твърди XML правила.
RDFa не е обхванат тук. Но ако искате да научите повече за това, солиден обзор можете да намерите на en.wikipedia.org/wiki/RDFa. А уебсайтът на Google Rich Snippets има версии на RDFa за всички примери на Google Rich Snippets.
Микроформати
Микроформатите предоставят прост, ясен подход за вграждане на метаданни в уеб страници и не се придържат към някакъв конкретен официален стандарт и не са. Микроформатите могат да бъдат най-добре описани като неразделен набор от конвенции, които позволяват на уеб страниците да предоставят структурирана информация, без да се изискват сложни стандарти.