Strukturovaný kód nebo též sémantické značkování znamená, že obsah dokumentu značíme podle toho, o jaký druh informace se jedná. Používáme značky, které implikují význam, nikoliv instrukce pro vzhled. Právě strukturovaný kód je totiž oním nástrojem pro oddělení vzhledu od obsahu.
Při tvorbě webu tedy je nutno používat značky, které dávají nějaký smysl konkrétní části
dokumentu. Např. <acronym>
, <address>
,
<cite>
, <blockquote>
, <code>
,
<em>
, <strong>
aj.
Značky <em>
(kurzíva), <strong>
(tučné) a <code>
(neproporcionální
písmo
) slouží pro zvýrazňování textu. Dříve se často využívaly značky i
<i>
, <b>
. Ty jsou však ze strukturálního pohledu
nesprávné. Zatímco <strong>
a <em>
totiž
pouze říkají „zde bude zvýrazněný text“, značky <b>
a
<i>
říkají „zde použij tučné písmo nebo kurzívu“. Zatímco prvními
uvedeným značkami tedy sdělujeme význam a strukturu, druhými sdělujeme přímo vizuální vzhled. Ten
si ale můžeme ponechat do CSS.
V následujícím seznamu uvedeme nejčastěji používané značky v XHTML. Tak jako v případě DocBooku je můžeme rozdělit na inline a blokové elementy.
Blokové elementy
blockquote | Uzavírá citace. |
br | Zalomení řádku. |
div | Obecná značka, která nemá významově žádnou funkci. Lze do ní uvodit jakýkoliv blokový úsek. Je to asi nejčastěji využívaná značka pro tvorbu layoutu stránky. |
h1-h5 | Značky uvozující nadpisy různých velikostí. |
hr | Horizontální oddělovací čára. |
p | Odstavec. |
Inline elementy
a | Hypertextový odkaz. |
abbr | Zkratka. Její vysvětlení definujeme atributem |
acronym | Označuje zkratkové slovo. Jeho vysvětlení definujeme také atributem |
cite | Bibliografická citace. |
code | Výpis kódu. |
dfn | Definice. |
em | Zvýrazněné písmo (zpravidla kurzíva). |
img | Obrázek. |
kbd | Uživatelem zadaný vstup (např. z klávesnice). |
samp | Ukázka textu, vyjmutá z kontextu. |
span | Obecná značka bez definovaného významu. Inline ekvivalent značky |
strong | Zvýrazněné písmo (zpravidla tučně). |
sub | Dolní index. |
sup | Horní index. |
var | Proměnná či její hodnota. |
Další důležité elementy
ul | Neuspořádaný seznam. Jeho položky uvozujeme značkou |
ol | Uspořádaný (číslovaný) seznam. Jeho položky uvozujeme značkou |
table | Uvozuje tabulku, tabulka je dále strukturovaná především značkami |
form | Slouží pro specifikaci webových formulářů. Obsahuje především značky |