Dokument HTML (.html)

WHATWG Standardní

HTML je značkovací jazyk používaný ke strukturování webových stránek pomocí nadpisů, odkazů, formulářů, obrázků a dalšího obsahu. Prohlížeče tuto strukturu vykreslují a pomocí CSS a skriptů určují vzhled a chování stránky.

Převést JSON na HTML

Bezplatný konvertor z JSON do HTML v prohlížeči. Převeďte soubory okamžitě ve svém zařízení.

Kontrola a metadata

Operační systémy a analyzátory souborů identifikují soubory HTML kontrolou počáteční binární sekvence bajtů:

Vyberte nebo přetáhněte soubory sem

Soukromě - soubory nikdy neopustí vaše zařízení

nebo vložte Ctrl+V
Záruka ochrany soukromí s nulovým přenosem po síti: 0 bajtů odesláno na externí servery. Veškeré zpracování probíhalo lokálně v sandboxu vašeho prohlížeče.

Podpis hlavičky na úrovni bajtů (Magic Bytes)

Operační systémy a analyzátory souborů identifikují soubory HTML kontrolou počáteční binární sekvence bajtů:

HEXADECIMÁLNÍ PODPIS (POSUN 0):

3C 21 44 4F 43 54 59 50 45 20 68 74 6D 6C

ASCII REPREZENTACE: <!DOCTYPE html

Standardizace: WHATWG HTML Living Standard / W3C Recommendation

Technické specifikace

Architektura kontejneruProud textu Unicode strukturovaný jako hierarchický strom prvků objektového modelu dokumentu (DOM)
KompreseNekomprimovaný textový proud (obvykle komprimovaný při přenosu přes HTTP pomocí Brotli nebo Gzip)
Pořadí bajtůProud textu UTF-8 / Unicode (značka BOM je volitelná)
Barevné prostorysRGB, Display P3, Rec.2020 přes CSS Color 4
Kanály a strukturaHypertextové značky, stylování CSS, interaktivita JavaScriptu, vložené SVG, Canvas, zvuk a video
Max. rozměryRozměry plátna dokumentu nejsou omezené (nekonečné posouvání)
PrůhlednostPlná neprůhlednost CSS, alfa barevné kanály (rgba/color()) a režimy prolnutí
Streamování a progresivní načítáníPrůběžné parsování: prohlížeče vykreslují prvky ještě před dokončením stahování celého souboru

Technická srovnávací matice: HTML vs konkurence

Technický atributHTML (Aktuální)MDXMLPDF
Interaktivita a logikaPlný JavaScript a skriptování DOMPouze statický deklarativní textUkládání dat (bez vestavěné logiky)Omezené skripty formulářů (AcroJS)
Flexibilita stylováníNekonečná vizuální kontrola CSS3/CSS4Výchozí stylování závislé na tématuVyžaduje stylové šablony XSLTPřísné rozvržení s pevnými pixely
Vykreslování stránek HTMLPodpora závisí na tom, zda prohlížeč nebo čtecí systém obsahuje vykreslovač EPUBVyžaduje vykreslovací engine MarkdownVyžaduje prohlížeč XML nebo stylováníVyžaduje vložený plugin PDF
Hypertextové odkazyNativní webové hypertextové odkazy (href)Syntaxe Markdown [text](url)Syntaxe XML XLinkVložené anotace odkazů PDF

Běžné režimy poškození a příručka pro obnovení v hex

Stránka zobrazuje surové značky HTML jako text nebo zkomolené znaky (např. „é").

Hlavní příčina: Chybějící deklarace znakové sady UTF-8 („<meta charset="utf-8">") nebo neodpovídající hlavičky kódování.

Obnovení: Přidejte řetězec „<meta charset="utf-8">" nebo proveďte převedení kódování na UTF-8 pomocí nástroje File2File.app Text Converter.

Bezpečnostní analýza a vektory útoků na parser

Enginy pro vykreslování HTML spouštějí skripty a analyzují složitý kód, kde neošetřené vstupy způsobují zranitelnosti typu Cross-Site Scripting (XSS).

Známé vektory útoků

  • Uložený nebo reflektovaný Cross-Site Scripting (XSS), který krade soubory cookie relace uživatele a autentizační tokeny.
  • Injekce HTML klamající uživatele prostřednictvím napodobených přihlašovacích rozhraní.
  • Bezpečnostní zranitelnosti založené na DOM manipulující s dokumentem document.location nebo funkcí eval().

Doporučené bezpečnostní postupy: Nedůvěryhodné uživatelské vstupy vždy před vložením do DOM sanitujte pomocí robustních knihoven, jako je DOMPurify.

Historický vývoj a milníky

2019W3C a WHATWG podepisují přelomovou dohodu, kterou stanovují WHATWG HTML Living Standard jako jediný zdroj pravdy.
2014W3C dokončuje doporučení HTML5, které zavádí nativní video, audio, plátno (canvas) a responzivní sémantiku.
1993Tim Berners-Lee publikuje první formální internetový návrh HTML v CERNu.

Klíčové výhody a přednosti

  • Prohlížeče parsují HTML přímo, takže stránku lze otevřít bez samostatného prohlížeče dokumentů. HTML používají také editory a publikační systémy ke strukturování webového obsahu.
  • Bezproblémová integrace s CSS pro vizuální design a JavaScriptem pro dynamickou interaktivitu.
  • Streamovací vykreslovací engine: prohlížeče mohou HTML průběžně analyzovat, rozvrhovat a vykreslovat, jak data přicházejí po síti.

Technická omezení a nevýhody

  • Samostatné soubory .html nezapouzdřují propojené externí obrázky, fonty ani styly bez zabalení (např. MHTML/Base64).
  • Vykreslování se může mírně lišit v závislosti na různých enginech prohlížečů (Blink, WebKit, Gecko).
  • Vysoký bezpečnostní povrch: neošetřené vstupy od uživatelů mohou způsobit zranitelnosti typu Cross-Site Scripting (XSS).

Zajímavé technické drobnosti

  • Tim Berners-Lee vynalezl HTML v CERNu v roce 1989, aby pomohl jaderným fyzikům snadno sdílet výzkumné práce napříč počítači.
  • Standard HTML Living Standard nemá žádná čísla verzí (žádné „HTML6"); je nepřetržitě aktualizován každý týden.
  • Můžete kliknout pravým tlačítkem myši na libovolnou webovou stránku na planetě a vybrat možnost „Zobrazit zdrojový kód stránky", abyste viděli její podkladový kód HTML.

Často kladené technické otázky

K čemu se používá HTML?

HTML se používá ke strukturování obsahu na internetu a vytváření webových stránek s textem, nadpisy, obrázky, odkazy, formuláři a vloženými multimédii.

Mohu převést HTML do PDF nebo Markdownu?

Ano. Aplikace File2File.app dokáže vykreslit a převést jakýkoli soubor HTML na přehledný dokument PDF vhodný k tisku nebo na lehký textový soubor Markdown přímo ve vašem prohlížeči.

Jaký je rozdíl mezi HTML a HTML5?

HTML5 je moderní vývoj HTML, který přináší nativní podporu pro přehrávání videa a audia, interaktivní grafiku canvas, mobilní přizpůsobení a čisté sémantické prvky jako <header>, <article> a <footer>.