Иако је његов развој започео много година раније, ХТМЛ5 је први пут почео да се појављује у заједничкој употреби са веб дизајнерима / програмерима 2010. године. Тачно из ватре, језик је био познат многим веб професионалцима зато што уместо покушаја да открије све из нуле, ХТМЛ5 изграђен на ономе што је раније дошло. Свако ко је знао ХТМЛ 4.01 брзо је нашао да се прилично мало те верзије може наћи у ХТМЛ5.
Иако ХТМЛ5 укључује многе елементе који су у некој моменту били у ХТМЛ-у, такође је представио неколико елемената који су нови у ХТМЛ5. За многе од ових нових елемената коришћен је приступ под називом "поплочавање крава". Ово је појам који се уобичајено користи у ИТ-у, у суштини значи гледати шта људи већ раде и то раде. У случају веб дизајнера, ово је значило да виде како су већ градили странице и одлучивали на новим елементима о тим активностима. На примјер, многи стручњаци веба ће градити веб странице са подјелама које су користиле ИД или класу атрибута "хеадер", "нав" и "фоотер". Као такав, ХТМЛ5 их је представио као нове елементе, омогућавајући веб професионалцима да дају више значења својим документима користећи наменске елементе за раздвајање умјесто само подела. Ова комбинација фамилијарности и приступа који препознају тренутне праксе помогао је ХТМЛ5 да брзо прихвати индустрија веб дизајна.
ХТМЛ5 Доцтипе
Прво, да бисте користили све нове ХТМЛ5 елементе, ваш документ мора садржати ХТМЛ5 доктип који је:
Можда ћете приметити да овај доктип не специфично помиње "ХТМЛ5", већ једноставно наводи верзију као "хтмл". То је зато што је овај доктип оно што намерава да се користи за напредовање у свим итерацијама језика.
Заправо, ХТМЛ5 би требало да буде последња нумерисана верзија језика, при чему ће нове промене бити додате на доследан начин у будућности. Заправо, неки од елемената у доленаведеној листи су додати на језик добро након тог почетног притиска у 2010!
Тагови ХТМЛ5
| Таг | Објашњење | |
|---|---|---|
| Сидро или веза | ||
| Скраћеница | ||
| Адреса или аутори документа | ||
| Клијентска мапа слике | ||
| Чланак | ||
| Тангенцијални садржај | ||
| Аудио стреам | ||
| Одважан | ||
| Основне УРИ путање за елементе у документу | ||
| Двосмерни алгоритам | ||
| Дугачак цитат | ||
| Тело странице | ||
| Прелом реда | ||
| ХТМЛ облик дугмета | ||
| Платно за динамичку графику | ||
| Коментар | ||
| Табеларни приказ | ||
| Цитатион | ||
| Ознака кода | |
| Колона табеле | ||
| Групна табела колона | ||
| Команда или акција на страници | ||
| Дефиниција типа документа | ||
| Дата грид | ||
| Предефинисане опције за друге контроле | ||
| Опис листе дефиниција или распон дискурса | ||
| Избрисан текст | ||
| Додатне информације по захтеву | ||
| Дефиниција | ||
| Разговор | ||
| Логичка подела | ||
| Списак описа | ||
| Термин листе дефиниције или звучник за дијалог | ||
| Истицање | ||
| Уграђени елемент за додатке | ||
| Облик контролише групу | ||
| Наслов који се користи за а | ||
| Слика са опционим насловом | ||
| Нога странице | ||
| Образац | ||
| Наслов првог нивоа | ||
| Наслови другог нивоа | ||
| Наслов трећег нивоа | ||
| Наслов четвртог нивоа | ||
| Пети ниво наслова | ||
| Шести ниво наслова | ||
| Шеф документа | ||
|
| Заглавље странице | |
| Хеадинг гроуп | ||
| Хоризонтално правило | ||
| Роот елемент Веб странице | ||
| Италиц стил текста | ||
| Инлине фраме | ||
| Слика | ||
| Елемент улазног облика | ||
| Елемент формулара дугмета | ||
| Елемент форми за потврду | ||
| Боја улаз | ||
| Датум уноса | ||
| Унос глобалног датума и времена | ||
| Локални унос датума и времена | ||
| Улаз е-поште | ||
| Елемент образац за учитавање датотеке | ||
| Елемент поља скривене форме | ||
| Елемент за облик образаца | ||
| Годишњи и месечни унос | ||
| Унос броја | ||
| Елемент лозинке | ||
| Елемент радијског дугмета | ||
| Импрецизан унос броја | ||
| Тастер за ресетовање трепере | ||
| Поље за претрагу | ||
| Елемент форму дугмета Субмит | ||
| Унос броја телефона | ||
| Елемент за облик поља текста | ||
| Тиме инпут | ||
| УРЛ улаз | ||
| Улаз за годину и седмице | ||
| Уметнути текст | ||
| Текст који унесе корисник | ||
| Генеришите безбедне кључеве за управљање сертификатима | ||
| Облик етикете | ||
| Облик насловног формата | ||
| Листа ствари | ||
| Веза са сродним документима | ||
| Главна област садржаја на страници | ||
| Клијентска мапа слике | ||
| Означени или означени текст | ||
| Листа команди | ||
| Мета информација о документу | ||
| Скаларни мерач | ||
| Дефинишите област са навигацијским везама | ||
| Садржај када скрипте нису доступне | ||
| Нестандардни објекат | ||
|
| Наручена или нумерисана листа | |
| Група опција у листи одабира | ||
| Опција у листи селекције | ||
| Резултат обрачуна обрасца | ||
| Параграф | ||
| Параметар елемента објекта | ||
|
| Пред-форматирани текст | |
| Индикатор напретка | ||
| Кратка инлајн цитат | ||
| Рубишна заграда | ||
| Руби тект | ||
| Руби аннотатион | ||
| Стрикеоут текст | ||
| Излаз узорка | ||
| Скрипте | ||
| Одељак странице | ||
| Избор или падајуће листе менија | ||
| Мала величина фонта | ||
| Извор медија | ||
| Генерички контејнер са инлине стилом | ||
| Снажан нагласак | ||
| Стилски листови | ||
| Субсцрипт | ||
| Сажетак садржаја елемента ДЕТАИЛС | ||
| Суперсцрипт | ||
| Сто | ||
| Редови стола стола | ||
| Табела ћелија | ||
| Мулти-лине формулар | ||
| Рукометни столови | ||
| Ћелија заглавља таблице | ||
| Редови заглавља табеле | ||
| Дефинише време | ||
| Наслов | ||
| Таблица | ||
|
| Неуређена или издвојена листа | |
| Променљив или кориснички дефинисан текст | ||
|
Видео или филм уграђен на страници |
