HTML syntaxe

Jako každý jazyk, i HTML má svoji předem danou syntaxi, kterou je potřeba respektovat a plně ovládat pro vytvoření alespoň těch nejjednodušších webových stránek. Jazyk HTML má velmi jednoduchou syntaxi, pro její ovládnutí je nejprve potřeba porozumět několika základním termínům:

• element - někdy také tag či značka je základní prvek HTML. Zápis elementu je <element>
• atribut - je rozšiřující prvek elementu. Zápis atributu je <element atribut="hodnota">

HTML Elementy

Elementy a atributy jsou dva základní (a také jediné) prvky, které se v jazyce HTML vyskytují. Syntaxe jazyka je tedy následující:

<element>obsah</element>

Každý HTML element by měl mít svoji otevírací značku (<element>) a uzavírací (</element>). Mezi otevírací a uzavírací značkou je obsah. Element je pro představu např. značka <strong>, označující, že daný text je nějakým způsobem zdůrazněn (zpravidla tučný). Obsahem elementu <strong> je text, který má být zdůrazněný.

Elementy je možné dále rozdělit na:

• párové
• nepárové

Párové elementy mají svoji počáteční značku a musí být ukončeny uzavírací značkou. Tyto elementy slouží zpravidla jako obal nějakému obsahu (text, další elementy, ...).

Nepárové elementy v HTML nejsou ukončeny. Tyto značky vystupují ve zdrojovém kódu jako samostatné prvky a neobalují žádný obsah. Příkladem může být element <img>, představující obrázek, nebo vodorovná čára <hr>.

Atributy

Atributy přidávají elementům nějakou doplňující hodnotu. Příkladem atributu může být atribut href="" u odkazu, jehož hodnota specifikuje, na jakou webovou stránku odkaz směřuje.

Velikost písmen

V HTML na velikosti písmen nezáleží. Značky <element>, <Element> a <ELEMENT> jsou totožné a kontrolou správnosti projdou bez problémů. V historických dobách se doporučovalo psát všechny elementy velkými písmeny, aby byly na první pohled rozlišitelné od ostatního textu. To ovšem není v příliš dobrý zvyk, protože případný přechod na XHTML přináší další velkou změnu, právě související s velikostí písmen.

Křížení elementů

Snad jediným omezujícím prvkem v syntaxi HTML je zákaz křížení elementů. Znamená to, že všechny párové elementy musí být uzavírány v opačném pořadí, než byly otevírány nebo vysvětleno jiným způsobem - každý párový element vždy tvoří obal svého obsahu.

Například

<strong><em>text</strong></em>

 je zakázané, protože elementy jsou uzavírány ve stejném pořadí, jako byly otevřeny a zároveň element <strong> netvoří obal elementu <em> a jeho obsahu. Správně by bylo

<strong><em>text</em></strong>

Elementy můžeme postupně "sloupávat" jako obal až se dostaneme k požadovanému textu. Každý element proto tvoří obal svého obsahu.