HTML je jazyk, který dává každé webové stránce strukturu. Zjistěte, co HTML je, jak funguje a co znamená pro váš web jako majitele firmy.
Za každým webem stojí jazyk, který to všechno umožňuje. Ne programovací jazyk, kterému rozumí jen vývojáři, ale jednoduchý, čitelný jazyk, který je od úplného začátku páteří internetu. Každá stránka, kterou jste kdy načetli, každý článek, který jste online četli, každá stránka produktu, kterou jste prohlíželi: všechno začíná tímto jedním jazykem.
Tím jazykem je HTML. Každá webová stránka, kterou jste kdy viděli, byla s ním postavená. Nadpis nahoře, odstavec textu pod ním, obrázek po straně, tlačítko dole: všechno je to HTML. Je to výchozí bod každého webu na internetu a když pochopíte, co dělá, získáte mnohem jasnější představu o tom, jak váš web funguje.
HTML psát nemusíte, abyste měli web. Moderní tvůrci webů to všechno zajistí za vás. Ale když víte, co HTML je a jakou roli hraje, rozhodujete se o webu lépe a jasněji komunikujete s designéry nebo vývojáři.
Co znamená zkratka HTML?
HTML znamená HyperText Markup Language. Každá část toho názvu vám říká něco o tom, co dělá.
HyperText označuje text, který odkazuje na další obsah. Odkazy mezi stránkami dělají z webu web: z jedné stránky můžete skočit na jinou, protože HTML podporuje hypertextové odkazy. Markup znamená, že jazyk používá značky (tagy) k označení neboli popisu částí obsahu, aby prohlížeč věděl, co s nimi dělat. Language znamená, že se řídí jednotnou sadou pravidel a syntaxe.
K čemu se HTML používá?
HTML se používá k určení struktury webové stránky. Říká prohlížeči, čím každý kus obsahu je. Je to nadpis? Je to odstavec? Je to seznam? Je to obrázek? Je to odkaz? Na všechny tyto otázky HTML odpovídá pomocí značek.
Značka je popisek obalený lomenými závorkami. Nadpis by v HTML mohl vypadat tak, že slova „O nás“ jsou obalená značkou nadpisu. Prohlížeč tuto značku přečte, pochopí, že jde o nadpis, a podle toho ho zobrazí. Totéž platí pro každý prvek na stránce. HTML neovládá, jak věci vypadají, jen to, čím jsou.
Co HTML nedělá
HTML dává webové stránce strukturu, ale neovládá, jak vypadá ani jak se chová. Tady přicházejí na řadu další dva jazyky.
CSS ovládá vizuální podobu: barvy, písma, mezery, rozvržení a velikosti. Bez CSS by stránka v HTML byla jen prostý text bez stylu. JavaScript ovládá chování: co se stane po kliknutí na tlačítko, jak se ověřuje formulář, jak se obsah načítá bez obnovení stránky. HTML, CSS a JavaScript dohromady tvoří tři vrstvy, na kterých je postavená každá webová stránka. HTML je základ. Více o tom, co dělá CSS a co dělá JavaScript, si přečtete v dalších kapitolách.
Jak prohlížeč používá HTML?
Když navštívíte web, prohlížeč stáhne soubor HTML dané stránky. Projde ho odshora dolů a vytvoří takzvaný DOM, model všech prvků na stránce a jejich vzájemných vztahů. Potom použije CSS ke stylování těchto prvků a spustí JavaScript, aby přidal interaktivitu. To, co vidíte na obrazovce, je výsledek spolupráce všech tří.
HTML prohlížeč čte jako první. Pokud je HTML čisté a dobře strukturované, prohlížeč ho zpracuje rychleji a stránku zobrazí efektivněji. To přímo souvisí s rychlostí webu. Nafouknuté nebo špatně napsané HTML přidává váhu každé stránce a zpomaluje, jak rychle návštěvníci váš obsah uvidí.
Co to znamená pro váš web jako majitele firmy?
Pokud používáte tvůrce webů, HTML sami nepíšete. Platforma ho vytvoří za vás, když přidáváte obsah a uspořádáváte rozvržení. Pro vás je důležité, aby HTML, které vytváří, bylo čisté, sémantické a optimalizované.
Čisté HTML se načítá rychleji. Sémantické HTML, tedy takové, které správně označuje, čím každý kus obsahu je, pomáhá vyhledávačům pochopit vaše stránky. Nadpis označený jako nadpis má ve výsledcích vyhledávání větší váhu než nadpis, který je jen nastylovaný, aby vypadal velký. Tyto detaily se řeší automaticky, když stavíte na dobré platformě. Tvůrce webů WEMASY na pozadí vytváří dobře strukturované HTML, takže jsou vaše stránky od začátku připravené na rychlost i na vyhledávání.
Často kladené otázky
Musím se učit HTML, abych mohl vytvořit web?
Ne. Tvůrci webů umožňují vytvářet a spravovat web ve vizuálním editoru bez psaní HTML. Kód zajistí platforma. Naučit se základy HTML je užitečné, pokud chcete pochopit, jak váš web funguje, ale k vytvoření nebo provozu webu to není nutné. S tvůrcem webů WEMASY pracujete ve vizuálním editoru a HTML se vytváří automaticky.
Jaký je rozdíl mezi HTML a webem?
HTML je jeden ze stavebních kamenů webu. Web se skládá z více souborů, včetně HTML pro strukturu, CSS pro styl, JavaScriptu pro chování, obrázků a často i databáze, která ukládá obsah. HTML je to, co prohlížeč čte, aby pochopil, co je na stránce, ale celý zážitek z webu vzniká spoluprací všech těchto vrstev.
Ovlivňuje HTML SEO?
Ano, přímo. Vyhledávače čtou vaše HTML, aby pochopily, o čem stránka je. Správné značky pro nadpisy, odstavce, obrázky a odkazy říkají vyhledávačům, čím každý kus obsahu je a jak je důležitý. Stránka s jasným sémantickým HTML se snáze správně zaindexuje než stránka s neuspořádaným nebo nafouknutým kódem. To je jeden z důvodů, proč pro vaše pozice ve vyhledávání záleží na tom, abyste stavěli na platformě s čistým HTML.
Co je sémantické HTML?
Sémantické HTML znamená používat značky, které přesně popisují typ obsahu, který obsahují. Nadpis by měl používat značku nadpisu, ne značku odstavce nastylovanou do velké podoby. Seznam by měl používat značku seznamu, ne řadu zalomení řádků. Sémantické HTML usnadňuje pochopení stránky prohlížečům, vyhledávačům i čtečkám obrazovky. Je to osvědčený postup, který ovlivňuje přístupnost i SEO, aniž by vyžadoval jakýkoli další viditelný obsah.
Může špatné HTML rozbít můj web?
Špatně napsané HTML může způsobit potíže se zobrazením, pomalé načítání a problémy s tím, jak vyhledávače vaše stránky čtou. Prohlížeče jsou dost shovívavé a stránku se pokusí zobrazit, i když HTML obsahuje chyby, ale výsledek nemusí vypadat správně. Proto záleží na kvalitě kódu platformy, na které stavíte. Dobře strukturované HTML ze spolehlivého tvůrce webů toto riziko zcela odstraňuje.
Je HTML na všech webech stejné?
HTML se řídí standardní sadou pravidel definovaných konsorciem World Wide Web Consortium, takže základní jazyk je všude stejný. To, jak je napsané a strukturované, se ale mezi weby hodně liší. Některé weby mají čisté, minimální HTML. Jiné mají vrstvy zbytečného kódu. Rozdíl se projeví v rychlosti, ve výkonu ve vyhledávání a v tom, jak dobře stránka funguje v různých prohlížečích a zařízeních.