HTML, XHTML, DHTML a XML: jak se vyvíjely technologie webu?

Web začal jako jednoduchý systém pro sdílení dokumentů. Postupně se vyvinul v komplexní aplikační platformu, kterou dnes používáme pro e-shopy, aplikace i podnikové systémy.

HTML – základ webu

HTML (HyperText Markup Language) vznikl na počátku 90. let jako jazyk pro strukturování dokumentů.

Původní web byl:

• statický
• textový
• bez designu

Postupně přibyly obrázky, formuláře a tabulky.

XHTML – pokus o přísnost

XHTML bylo přísnější verzí HTML založenou na XML syntaxi.

Vyžadovalo:

• správné uzavírání tagů
• malá písmena
• validní strukturu

Praxe ukázala, že přílišná přísnost není pro běžný web ideální.

DHTML – dynamika bez frameworků

DHTML nebyl samostatný jazyk, ale kombinace HTML, CSS a JavaScriptu.

Umožnil první dynamické efekty – rozbalovací menu, animace, interaktivitu.

XML – strukturovaná data

XML je obecný jazyk pro strukturovaná data. Používal se například pro přenos dat mezi systémy.

Nepoužívá se primárně pro zobrazování webových stránek, ale pro výměnu informací.

Co se změnilo s HTML5?

HTML5 přineslo:

• sémantické prvky (header, footer, article)
• podporu videa a audia
• lepší práci s formuláři
• základ pro moderní aplikace

Od fixní šířky k responzivitě

Dříve měl web pevnou šířku (např. 960px). S nástupem mobilních zařízení bylo nutné reagovat.

Vznikl koncept responzivního designu, který přizpůsobuje rozložení obrazovce.

Kde do toho vstupují frameworky?

Složitost webu vedla ke vzniku CSS frameworků (např. Bootstrap), které nabízejí hotové mřížky a komponenty.

Dnes je responzivita standard, ne nadstandard.

Tip: Moderní web nestojí jen na HTML, ale na kombinaci struktury, stylu, skriptů a optimalizace výkonu.