HTML dokument (.html)
WHATWG StandardHTML je jezik za označavanje kojim se strukturiraju veb-stranice pomoću naslova, veza, obrazaca, slika i drugog sadržaja. Pregledači prikazuju tu strukturu, a CSS i skripte određuju njen izgled i ponašanje.
Konvertujte JSON u HTML
Besplatan konvertor JSON u HTML u pregledaču. Konvertujte datoteke odmah na svom uređaju.
Pregled i metapodaci
Operativni sistemi i analizatori datoteka identifikuju HTML datoteke proverom početnog binarnog niza bajtova:
Potpis zaglavlja na nivou bajtova (magični bajtovi)
Operativni sistemi i analizatori datoteka identifikuju HTML datoteke proverom početnog binarnog niza bajtova:
HEKSADECIMALNI POTPIS (OFFSET 0):
3C 21 44 4F 43 54 59 50 45 20 68 74 6D 6CASCII REPREZENTACIJA: <!DOCTYPE html
Standardizacija: WHATWG HTML Living Standard / W3C preporuka
Tehničke specifikacije
| Arhitektura kontejnera | Unicode tekstualni tok strukturiran kao elementi hijerarhijskog stabla Document Object Model (DOM) |
| Kompresija | Nekomprimovani tekstualni tok (obično komprimovan preko HTTP-a pomoću Brotli ili Gzip kompresije) |
| Bajtni redosled (Endianness) | UTF-8 / Unicode tekstualni tok (BOM je opcionalan) |
| Prostori boja | sRGB, Display P3, Rec.2020 preko CSS Color 4 |
| Kanali i struktura | Označavanje hiperteksta, CSS stilizovanje, JavaScript interaktivnost, ugrađeni SVG, Canvas, audio i video |
| Maksimalne dimenzije | Neograničene granice platna dokumenta (beskonačno pomeranje) |
| Transparentnost | Puna CSS neprozirnost, alfa kanali boja (rgba/color()) i režimi stapanja |
| Strimovanje i progresivno učitavanje | Inkrementalno parsiranje u toku: pregledači prikazuju elemente pre nego što se cela datoteka preuzme |
Tehnička matrica poređenja: HTML u odnosu na konkurente
| Tehnički atribut | HTML (Trenutno) | MD | XML | |
|---|---|---|---|---|
| Interaktivnost i logika | Potpuno skriptovanje pomoću JavaScripta i DOM-a | Samo statički deklarativni tekst | Skladištenje podataka (bez ugrađene logike) | Ograničene skripte forme (AcroJS) |
| Fleksibilnost stilizovanja | Beskonačna vizuelna kontrola CSS3/CSS4 | Podrazumevano stilizovanje zavisno od teme | Zahteva XSLT tabele stilova | Strogo fiksirani raspored u pikselima |
| Prikazivanje HTML stranica | Podržano kada pregledač ili sistem za čitanje obezbedi EPUB renderer | Zahteva motor za renderovanje Markdown-a | Zahteva XML pregledač ili stilizovanje | Zahteva ugrađeni PDF dodatak |
| Hiperveze | Izvorne veb hiperveze (href) | Markdown sintaksa [text](url) | XML XLink sintaksa | Ugrađene anotacije PDF veza |
Uobičajeni režimi oštećenja i vodič za heksadecimalni oporavak
Stranica prikazuje sirove HTML oznake kao tekst ili iskrivljene strane znakove (npr. 'é').
Osnovni uzrok: Nedostaje deklaracija kodiranja UTF-8 ('<meta charset="utf-8">') ili se zaglavlja kodiranja ne poklapaju.
Oporavak: Dodajte '<meta charset="utf-8">' ili ponovo kodirajte u UTF-8 pomoću alata File2File.app Text Converter.
Bezbednosna analiza i vektori napada parsera
Motori za renderovanje HTML-a izvršavaju skripte i parsiraju složene oznake gde neprovereni unosi izazivaju skriptovanje na više lokacija (XSS).
Poznati vektori napada
- Skladišteno ili reflektovano skriptovanje na više lokacija (XSS) koje krade kolačiće korisničke sesije i autentifikacione tokene.
- HTML injekcija koja obmanjuje korisnike putem lažnih interfejsa za prijavljivanje.
- Bezbednosne ranjivosti zasnovane na DOM-u koje manipulišu svojstvima document.location ili funkcijom eval().
Najbolje prakse za zaštitu: Uvek sanitizujte korisničke ulaze kojima se ne veruje pomoću robusnih biblioteka poput DOMPurify pre ubacivanja u DOM.
Istorijat i prekretnice
Ključne prednosti
- Pregledači neposredno obrađuju HTML, pa se stranica može otvoriti bez posebnog čitača dokumenata. Uređivači i sistemi za objavljivanje takođe koriste HTML za strukturiranje veb-sadržaja.
- Besprekorna integracija sa CSS-om za vizuelni dizajn i JavaScriptom za dinamičku interaktivnost.
- Motor za dinamičko renderovanje: pretraživači mogu inkrementalno da parsiraju, raspoređuju i prikazuju HTML dok bajtovi pristižu preko mreže.
Tehnička ograničenja i nedostaci
- Samostalne .html datoteke ne obuhvataju povezane spoljne slike, fontove ili tabele stilova bez pakovanja (npr. MHTML/Base64).
- Prikazivanje može malo varirati između različitih motora pretraživača (Blink, WebKit, Gecko).
- Velika površina za napade: neescapovani korisnički unosi mogu izazvati ranjivosti skriptovanja između lokacija (XSS).
Zanimljivosti
- Tim Berners-Lee je osmislio HTML u CERN-u 1989. godine kako bi pomogao nuklearnim fizičarima da lakše dele istraživačke radove na različitim računarima.
- HTML Living Standard nema brojeve verzija (nema „HTML6“); održava se i ažurira bez prekida.
- Možete kliknuti desnim tasterom miša na bilo koju veb stranicu na planeti i izabrati 'View Page Source' da biste videli njen osnovni HTML kod.
Često postavljana tehnička pitanja
Za šta se koristi HTML?
HTML se koristi za strukturiranje sadržaja na internetu, kreiranje veb-stranica sa tekstom, naslovima, slikama, vezama, formularima i ugrađenim multimedijalnim sadržajem.
Mogu li da konvertujem HTML u PDF ili Markdown?
Da. File2File.app može da prikaže i konvertuje bilo koju HTML datoteku u čist, štampajući PDF dokument ili laganu Markdown tekstualnu datoteku direktno u Vašem pretraživaču.
Koja je razlika između HTML-a i HTML5-a?
HTML5 je moderna evolucija HTML-a, koja dodaje izvornu podršku za reprodukciju video i audio zapisa, interaktivnu grafiku na platnu (canvas), odzivnost na mobilnim uređajima i čiste semantičke elemente kao što su <header>, <article> i <footer>.
Povezani parovi konverzije za HTML
Konvertovanje JSON podataka u HTML izvorni kod transformiše sirove strukturisane parove ključ-vrednost u veb-dokumente čitljive ljudima, spremne za prikaz u pregledaču.
Konvertovanje HTML izvornog koda u JSON podatke transformiše veb-dokumente čitljive ljudima u strukturisane parove ključ-vrednost za programsku obradu i unos preko API-ja.
Konvertovanje standardnih RFC 822 imejl datoteka u HTML transformiše obične kontejnere poruka u univerzalno pregledne veb dokumente.