Obsah
HTML (HyperText Markup Language)
HTML je standardizovaný jazyk používaný k vytváření dokumentů určených k zobrazení ve webovém prohlížeči. Umožňuje organizovat text do nadpisů, odstavců, seznamů nebo tabulek a vkládat do nich multimediální objekty, jako jsou obrázky a videa. Hlavní vlastností je hypertext, tedy schopnost propojovat dokumenty pomocí odkazů.
Historie a vývoj verzí
Vývoj HTML odráží celou historii internetu. Jazyk spravuje organizace W3C (World Wide Web Consortium) a v posledních letech sdružení WHATWG.
1. Počátky (1989–1991)
Tim Berners-Lee, vědec v CERNu, navrhl HTML jako jednoduchý způsob, jak sdílet vědecké dokumenty. První verze obsahovala pouze 18 tagů, z nichž většina existuje dodnes (např. <p>, <h1>, <a>).
2. HTML 2.0 až 3.2 (1995–1997)
Tyto verze přinesly standardizaci formulářů, tabulek a zarovnávání textu. V této době zuřila „válka prohlížečů“ mezi Netscape a Internet Explorerem, kdy každý výrobce přidával vlastní, nestandardní značky.
3. HTML 4.01 (1999)
Zásadní a na dlouhou dobu stabilní verze. Oddělila strukturu (HTML) od vzhledu (nastupující CSS). Přinesla lepší podporu pro mezinárodní znaky (Unicode).
4. Éra XHTML (2000–2009)
Pokus o přísnější verzi HTML založenou na pravidlech XML. Vyžadovala striktní syntaxi (např. uzavírání všech tagů, psaní malými písmeny). Pro mnoho vývojářů však byla příliš rigidní.
5. HTML5 (2014 – současnost)
Revoluční verze, která ukončila éru doplňků jako Adobe Flash. HTML5 se stalo živým standardem (Living Standard).
- Nativní multimédia: Zavedení tagů
<video>a<audio>. - Sémantické tagy: Značky jako
<article>,<nav>nebo<footer>pomáhají vyhledávačům pochopit význam obsahu. - API: Podpora pro geolokaci, offline ukládání dat a kreslení grafiky (Canvas).
Struktura HTML dokumentu
Každý moderní HTML dokument má povinnou základní kostru:
<!DOCTYPE html> <html lang="cs"> <head> <meta charset="UTF-8"> <title>Název stránky</title> </head> <body> <h1>Hlavní nadpis</h1> <p>Toto je odstavec textu s <a href="#">odkazem</a>.</p> </body> </html>
Dnešní použití a ekosystém
V moderním webovém vývoji HTML nefunguje izolovaně, ale tvoří součást tzv. „Svaté trojice webu“:
1. **HTML (Struktura):** Definice toho, co na stránce je (text, tlačítko, obrázek). 2. **[[css|CSS]] (Prezentace):** Definice toho, jak to vypadá (barvy, písmo, rozvržení). 3. **[[javascript|JavaScript]] (Chování):** Definice toho, co to dělá (animace, odesílání dat bez načtení stránky).
Moderní trendy:
- PWA (Progressive Web Apps): Webové stránky, které se chovají jako mobilní aplikace.
- Web Components: Možnost vytvářet vlastní, znovupoužitelné HTML značky.
- Přístupnost (A11y): Správné používání HTML značek umožňuje lidem se zrakovým postižením procházet web pomocí čteček obrazovky.
Srovnání: HTML vs. Programovací jazyky
| Vlastnost | HTML | Programovací jazyk (např. C++, Java) |
|---|---|---|
| Typ | Značkovací jazyk | Algoritmický jazyk |
| Logika | Neobsahuje (nemá cykly ani podmínky). | Obsahuje komplexní logiku a výpočty. |
| Zpracování | Interpretováno prohlížečem. | Kompilováno kompilátorem nebo interpretováno. |
| Účel | Definice obsahu a hierarchie. | Manipulace s daty a řízení procesů. |
Související pojmy: WWW, Browser, CSS, JavaScript, Unicode, HTTP, W3C, XML.
