Szöveg megadása - Program kódok és kimeneti eredmények. A <code> és a <samp> tagok
Egy HTML dokumentumban programkód részleteket a <code> és </code> tagok között lehet megadni, egy szoftver kimeneti eredményeit pedig a <samp> és </samp> tagok között. Mindkét zárótagot kötelező használni.
A <code> tag általában a pre elemen belül jelenik meg.
A következő példában az látható, hogyan lehet egy weboldalon bemutatni annak a HTML dokumentumnak a kódját, amit egy tanfolyam első órájában szoktak elkészíteni. A forráskód meglehetősen zavaros a sok karakter entitás miatt:
<pre><code>
<!DOCTYPE html>
<html lang="en">
<head>
<title>My first web page</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
</code></pre>
A böngészőben megjelenő kód már áttekinthetőbb:
<!DOCTYPE html>
<html lang="en">
<head>
<title>My first web page</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
Ha a weboldalon a fenti kód kimenetét is be akarjuk mutatni, akkor az a forráskódban így nézne ki:
<samp>Hello World!</samp>A code és a samp elemek lehetővé teszik, hogy a programkódok illetve a kimeneti eredmények speciális formázást kapjanak, de nem ez a legfontosabb funkciójuk, hiszen ez stílusosztályok definiálásával is elérhető lenne. Lényegesebb, hogy a kereső motorok pontosan be tudják azonosítani egy-egy szövegrészlet jelentését és ezáltal helyesen indexeljék az oldalakat. A programkódok értelmezhetetlenek a weboldalak tartalmát felderítő szoftverek számára, a megjelenített kimeneti eredmények pedig félrevezetőek lehetnek. Például ennek az oldalnak nem célja a világ üdvözlése és ezt a <code> és a <samp> tagoknak köszönhetően a kereső motorok is így értékelik.
Rövidítések. Az <abbr> tag »
