Вклучувајќи стари HTML елементи и оние нови за HTML5
Додека нејзиниот развој почнал многу години пред тоа, HTML5 првично почнаа да доаѓаат во општа употреба со веб-дизајнери / програмери во 2010 година. Веднаш надвор од портата, јазикот се чувствуваше запознаен со многу веб-професионалци, бидејќи наместо да се обидува да открие сè од нула, HTML5 изграден врз она што претходно постоело. Секој кој знаеше HTML 4.01 брзо откри дека доста верзија на оваа верзија сега може да се најде во HTML5.
Додека HTML5 вклучува многу елементи кои се околу во HTML за некое време, тој исто така воведе неколку елементи кои беа нови за HTML5. За многу од овие нови елементи, се користеше пристап наречен "отворајќи ги каубовите". Ова е термин кој вообичаено се користи во ИТ, значи во суштина треба да се погледне во она што луѓето веќе го прават и го прават тоа. Во случај на веб-дизајнери, ова значеше да се види како тие веќе градат страници и да донесуваат одлуки за нови елементи за тие активности. На пример, многу веб професионалци ќе градат веб-страници со поделби кои користеле атрибути на ID или Class на "заглавие", "nav" и "подножје". Како таков, HTML5 ги претстави како нови елементи, дозволувајќи им на веб-професионалци да додадат повеќе значење на нивните документи со користење на посветен секционирање елементи наместо само поделби. Оваа комбинација на блискост и пристап кој ги препознава тековните практики помогна HTML5 брзо да се прифати од индустријата за веб дизајн.
HTML5 Doctype
Најпрво, за да користите какви било нови HTML5 елементи, вашиот документ мора да го вклучи доктите на HTML5 што се:
Може да забележите дека овој доктрип конкретно не го споменува "HTML5", туку едноставно ја наведува верзијата како "html". Ова е затоа што овој доктрип е она што е наменето да се користи за напредување за сите повторувања на јазикот.
Всушност, HTML5 би требало да биде последната нумерирана верзија на јазикот, со нови промени ќе се додадат конзистентно во иднина. Всушност, некои од елементите во листата подолу се додадени на јазикот и по тој почетен притисок во 2010 година!
Теги на HTML5
Tag | Објаснување |
---|---|
a> | Сидро или врска |
abbr> | Кратенка |
<адреса> адреса> | Адреса или автори на документот |
<област> | Мапа на сликата на клиентот |
| Член |
<настрана> out> | Тангенцијална содржина |
<аудио> аудио> | Аудио поток |
b> | Задебелени букви |
<база> | Основни URI патеки за елементи во документот |
bdo> | Би-насочен алгоритам |
blockquote> | Долги цитати |
body> | Тело на страницата |
| Линија пауза |
<копче> копче> | Копче за HTML форма |
<платно> платно> | Платно за динамична графика |
Коментар | |
| Наслов на табелата |
<цитирај> цитирај> | Цитирање |
code> | Код референца |
| Табела колона |
| Групирање табела со колони |
<команда> | Команда или акција на страната |
Дефиниција на тип на документ | |
| Податоци мрежа |
Предефинирани опции за други контроли | |
| Опис на списокот на дефиниции или распон на дискурсот |
| Избришан текст |
<детали> details> | Дополнителни информации по барање |
dfn> | Дефиниција |
<дијалог> дијалог> | Разговор |
div> | Логичка поделба |
| Листа со опис |
| Термин за дефиниција или звучник за дијалог |
em> | Акцент |
Вграден елемент за приклучоци | |
Форма контролира група | |
| Насловот се користи за елемент <фигура> |
<фигура> фигура> | Слика со опционален наслов |
Подножје на страната | |
<форма> форма> | Форма |
h1> | Наслов на прво ниво |
h2> | Наслов од второ ниво |
h3> | Наслов од трето ниво |
h4> | Наслов на четвртото ниво |
h5> | Наслов на петтото ниво |
h6> | Наслов на шестото ниво |
head> | Раководител на документот |
| Заглавие на страница |
hgroup> | Насловна група |
| Хоризонтално правило |
html> | Основен елемент на веб-страница |
i> | Квалитетен текстуален текст |
Вградена рамка | |
Слика | |
<влез> | Елемент на влезната форма |
<тип на влез = "копче"> | Копче формира елемент |
Елементот од квадратчето се формира | |
<тип на влез = "боја"> | Внес на боја |
<тип на влез = "датум"> | Датум на внесување |
Глобален влез за датум и време | |
Локален влез за датум и време | |
<влез тип = "е-пошта"> | Внесување на e-mail адреса |
<влез тип = "датотека"> | Елемент од формата за поставување датотека |
<тип на влез = "скриен"> | Елементен елемент од скриени форми |
<тип на влез = "слика"> | Елемент за сликата |
<тип на влез = "месец"> | Година и месец влез |
<тип на влез = "број"> | Внесување број |
<тип на влез = "лозинка"> | Елемент за лозинка |
<тип на влез = "радио"> | Елементен елемент за радио копче |
<тип на влез = "опсег"> | Внесување на импресивен број |
<тип на влез = "ресетирај"> | Ресетирај го копчето за форма на копчето |
<тип на влез = "пребарување"> | Поле за пребарување |
<влез тип = "достави"> | Поднеси го копчето за форма на копчето |
<тип на влез = "тел"> | Внес на телефонски број |
<тип на влез = "текст"> | Елементен елемент од полето за текст |
<тип на влез = "време"> | Внес на време |
<тип на влез = "url"> | Внес на URL-то |
<тип на влез = "недела"> | Година и недела влез |
ins> | Вметнат текст |
kbd> | Текст што го внесува корисникот |
| Генерирање на безбедни клучеви за управување со сертификати |
Форма етикета | |
Образец на насловот на полесот | |
| Листа на ставка |
Поврзете ги поврзаните документи | |
| Главна област на содржина на страница |
Мапа на сликата на клиентот | |
<марка> марка> | Означен или означен текст |
<мени> мени> | Листа на команди |
Мета информации за документот | |
<метар> метар> | Скаларен мерач |
Дефинирајте област со навигациски врски | |
Содржина кога скриптите не се достапни | |
<објект> објект> | Нестандарден објект |
| Нарачана или нумерирана листа |
Група на опции во листа за избирање | |
<опција> опција> | Опција во листа за избирање |
<излез> излез> | Резултат на пресметка на формулар |
p> | Став |
Параметар на елемент на објектот | |
pre> | Претходно форматиран текст |
<напредок> прогрес> | Индикатор за напредок |
q> | Краток вметнат цитат |
Ruby заграда | |
Руби текст | |
<руби> руби> | Руби коментар |
| Текст за штрајк |
samp> | Пример за излез |