HTML document

HTML (HyperText Markup Language) je jazyk, ve kterém je napsaná každá webová stránka. Jako soubor .html nebo .htm ho nejčastěji potkáte ve třech situacích: stránka uložená přes Ctrl+S, příloha od banky, e-shopu nebo rezervačního systému (výpisy, účtenky, newslettery) a exporty z jiných programů, třeba záložky z prohlížeče nebo sestavy z účetních a testovacích nástrojů.

Původ a verze

Tim Berners-Lee navrhl World Wide Web v CERNu v roce 1989 a první sadu značek HTML popsal v roce 1991. Prvním formálním standardem bylo HTML 2.0, které IETF vydala v roce 1995 jako RFC 1866. Konsorcium W3C pak přidalo HTML 3.2 (1997), HTML 4.01 (1999), přísnější XHTML 1.0 založené na XML (2000) a HTML5 (2014). Od roku 2019 existuje jediný standard HTML: HTML Living Standard, který spravuje WHATWG, sdružení výrobců prohlížečů, a průběžně ho aktualizuje místo vydávání číslovaných verzí.

Co soubor HTML obsahuje a co ne

Soubor HTML je prostý text se značkami jako <p>, <table> nebo <a href="…">. Popisuje strukturu a text. Všechno ostatní bývá zvlášť:

• Obrázky, styly a skripty jsou jen odkazované adresou. Když prohlížeč uloží „celou“ stránku, zapíše soubor .html a vedle něj složku …_files s těmito soubory. Přesunete-li HTML bez složky, stránka přijde o obrázky i vzhled.
• Jednosouborové varianty: obrázky lze vložit přímo jako data: URI a Chrome i Edge umí stránku uložit jako „Webová stránka, jeden soubor“ ve formátu MHTML (.mhtml), který vše zabalí do jednoho souboru.
• Kódování: řádek <meta charset="utf-8"> říká prohlížeči, jak znaky číst. Když chybí, čeština se může rozsypat.
• Aktivní obsah: soubor HTML může spouštět JavaScript a obsahovat formuláře, které odešlou data kamkoli. Podvodné e-maily často přikládají HTML napodobující přihlašovací stránku banky. Přílohy HTML od neznámých odesílatelů otevírejte opatrně a do stránky otevřené ze souboru nikdy nezadávejte heslo.

Čím HTML otevřít a upravit

• Prohlížení: libovolný prohlížeč na jakémkoli systému. Dvojklik na soubor nebo přetažení do okna prohlížeče.
• Úpravy kódu: Poznámkový blok, TextEdit v režimu prostého textu nebo bezplatné editory jako Visual Studio Code, které zvýrazní značky a kontrolují syntaxi.
• Úpravy jako dokument: Microsoft Word a LibreOffice Writer otevřou jednoduché stránky HTML jako upravitelný dokument.
• Mobil: v Androidu otevřete soubor z aplikace Soubory v prohlížeči. Na iPhonu ukáže aplikace Soubory náhled; pro plné zobrazení ho otevřete v prohlížeči přes nabídku sdílení, pokud ji nabízí.

Časté problémy

Soubor HTML se otevírá v Poznámkovém bloku místo v prohlížeči

Změnilo se přiřazení přípony, často po instalaci editoru. Klikněte na soubor pravým tlačítkem, zvolte Otevřít v programu, vyberte prohlížeč a nastavte ho jako výchozí.

Uložená stránka nemá obrázky nebo je rozházená

Chybí složka …_files, někdo ji přejmenoval, nebo stránka načítá obsah JavaScriptem ze serveru. Uložte stránku jako jeden soubor (MHTML), případně ji z prohlížeče vytiskněte do PDF.

Místo háčků a čárek jsou divné znaky

Stránka nemá deklaraci kódování, nebo má špatnou. Doplňte do <head> řádek <meta charset="utf-8"> a soubor uložte v UTF-8.

Převod HTML

Má-li stránka vypadat přesně jako v prohlížeči, je nejvěrnější cestou tisk z prohlížeče, Tisk > Uložit jako PDF. Náš převodník bere HTML jako dokument: přečte text, nadpisy, seznamy, tabulky a odkazy a udělá z nich DOCX, ODT, RTF, PDF, EPUB, Markdown nebo prostý text. To dobře funguje u sestav, exportovaných tabulek, těl e-mailů a jednoduchých článků. Počítejte s tím, že se nespouští JavaScript, moderní rozvržení v CSS se zjednoduší a obrázky či styly načítané z webu nebo ze samostatné složky _files ve výsledku nebudou, protože zpracováváme jen nahraný soubor. Opačně lze do HTML převést dokumenty DOCX, ODT nebo RTF a získat čisté značkování v UTF-8 pro web nebo e-mail.

HTML ve zkratce

Technický popis HTML5: Kongresová knihovna USA.