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