HTML 5 и напреднији тагови и атрибути HTML 4 -a Испитни део
HTML 5 HTML 5 је побољшана и проширена верзија HTML 4 Садржи нове тагове Структурни тагови Тагови за мултимедију Тагови за графику Садржи нове атрубуте, нарочито побољшање код форми drag&drop и слично
Структура HTML 5 веб странице
Ако бисмо уредили страницу преко CSS-a, добили бисмо ...
Doctype <!DOCTYPE> је декларација која даје обавештење читачу о којој верзији HTML-а се ради. Дакле, ово није таг који је видљив на страници! Пише се на врху странице, пре <html> тага. У ранијим везијама HTML-a, ове дефиниције су биле много компликованије. Преглед је дат на следећем слајду.
HTML 4.01 Strict This DTD contains all HTML elements and attributes, but does NOT INCLUDE presentational or deprecated elements (like font). Framesets are not allowed. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML 4.01 Transitional This DTD contains all HTML elements and attributes, INCLUDING presentational and deprecated elements (like font). Framesets are not allowed. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> HTML 4.01 Frameset This DTD is equal to HTML 4.01 Transitional, but allows the use of frameset content. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> XHTML 1.0 Strict This DTD contains all HTML elements and attributes, but does NOT INCLUDE presentational or deprecated elements (like font). Framesets are not allowed. The markup must also be written as well-formed XML. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> XHTML 1.0 Transitional This DTD contains all HTML elements and attributes, INCLUDING presentational and deprecated elements (like font). Framesets are not allowed. The markup must also be written as well-formed XML. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> XHTML 1.0 Frameset This DTD is equal to XHTML 1.0 Transitional, but allows the use of frameset content. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> XHTML 1.1 This DTD is equal to XHTML 1.0 Strict, but allows you to add modules (for example to provide ruby support for East-Asian languages). <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Остали тагови <header> - заглавље странице или дела странице <footer> - подножје странице или дела странице <section> - одељак <article> - чланак <aside> - сајдбар или слично
<main> Oвај таг би требао да обухвата главни део документа, без елемената који се понављају на свакој страници (навигација, хедер, футер, сајдбар...)
Рад са сликама <figure>,<figcaption> Ова два тага служе за слике и њихове наслове Помоћу <figure> можемо груписати више слика <img>
Слика са насловом
<picture> Овај таг служи за управљање учитавањем слика и респонсивном веб дизајну
Десктоп варијанта
Смањујемо шируну прозора
Још мало смањујемо ширину прозора
SVG графика Служи за цртање графике Могу да се цртају линије, кругови, полигони,.....као и сложени графици
Мењамо оријентацију, боју и дебљину линије Мењамо оријентацију, боју и дебљину линије