Sémantika
pravý význam html značek

Hlavní strana » Návody » Zdrojové kódy

Zdrojové kódy

Počítačový kód

Pokud máte někde na webu nějakou ukázku kódu (je už jedno, jestli to je HTML nebo nějaký starý pascal), měl by být vložen do značky <code>. Prohlížeč ho pak bude chápat jako zdrojový kód něčeho. Žádné další významné atributy tato značka nemá. Ještě pozor na to, že prohlížeče obvykle vykreslí obsah značky menším písmem. Často se ovšem kombinuje se značkou <pre>, která zaručí, že budou ponechány a prohlížečem interpretovány bílé mezery. Toho samého efektu lze docílit pomocí kaskádových stylů, ale nejbezpečnější a nejsémantičtější možnost je za pomocí této značky. Takže sémantický zápis zdrojového kódu by vypadal asi takhle:

<pre>
  <code>
    &lt;em&gt;William Shakespeare&lt;/em&gt;
  </code>
</pre>

Výstup kódu

Předchozí značka <code> sloužila k zapsání kódu, který běží v nějakém programu. Částečným opakem je značka <samp>, ve které se vyskytuje obsah, který nám daný program vyplivl. Neboli odbrodněji - měla by obsahovat výstup nějakého kódu. Pokud je výstupem předchozího příkladu text psaný kurzívou (respektive důležitý text), měla by značka <samp> obsahovat text psaný kurzívou:

<samp>
  <em>
    William Shakespeare
  </em>
</samp>

V samotném prohlížeči by se pak zobrazilo něco takového: William Shakespeare.

Vstupní hodnoty

Opět v souvislosti s předchozí značkou je třeba zmínit ještě jednu a to <kbd>, která slouží k indikaci vstupního textu (tj. text, který uživatel musí sám napsat na klávesnici) do nějakého programu či třeba formuláře. Jedná se o dosti opomíjený a nepoužívaný tag. Příklad použití:

<p>Do následující kolonky vepište <kbd>email</kbd>:</p>

Pozor! Neplést s popiskem formuláře (<label>), <kbd> se spíše používá spíše v nějakých příručkách či delších popiscích.

Proměnná

Pokud chcete správně vyznačit proměnnou, použitje značku <var>. Může se pochopitelně jednat o proměnnou jakéhokoliv programovacího jazyka. Takže jednoduchý příklad:

<p>
  Do proměnné <var>$vysledek</var> uložte vypočítanou hodnotu.
</p>
  • Hlavní strana
  • Návody
  • Download
  • Odkazy
  • Kontakt
  • «« Citace a zkratky » rozcestník « Logické formátování »»

    o web se stará Lukáš Havrlant (kontakt)