Szöveg megadása - Előformázott szöveg. A <pre> tag
Előformázott szöveget a <pre> és a </pre> tagok között lehet megadni. A zárótag használata is kötelező.
A böngészők a pre elem tartalmaként beírt szöveg megjelenítése során másként járnak el, mint a többi szövegmegadási mód esetén:
- A forráskódban szereplő sortöréseknél új sor kezdődik
- Több egymás utáni szóköz sem kerül összevonásra
- Tabulátor karakterek nincsenek kicserélve szóközre
A <pre> tagot legtöbbször programkódok megjelenítésére szokták használni, de más esetekben is előfordulhat. Például versek HTML forráskódját is gyakran a pre elem tartalmaként írják meg. Amennyiben az előformázott szöveg egy programkód, akkor a <pre> tagot a <code> taggal együtt célszerű alkalmazni.
A következő példában az látható, hogyan lehet egy HTML dokumentumban egy Javascript függvény kódját bemutatni. (A függvény egyébként egy 0 és 15 közötti számot alakít át hexadecimális számjeggyé.)
<pre><code>
function hexcharacterkod(decszam) {
var hexcharkod;
if (decszam < 10) hexcharkod = decszam;
else {
switch(decszam) {
case 10 : hexcharkod = 'a'; break;
case 11 : hexcharkod = 'b'; break;
case 12 : hexcharkod = 'c'; break;
case 13 : hexcharkod = 'd'; break;
case 14 : hexcharkod = 'e'; break;
case 15 : hexcharkod = 'f';
}
}
return hexcharkod;
}
</code></pre>A pre elem szövegét a böngészők monospace betűtípussal jelenítik meg (minden karakter azonos szélességű), és ezt nem tanácsos felülírni stíluslapokkal sem. A fix karakterosztás azért fontos, mert így az előformázott szöveg minden felhasználó számára azonos tagolással jelenhet meg.
A HTML 4.01-es szabvány szerint a pre elem nem tartalmazhat img, object, big, small, sub és sup elemeket, mivel ezek megzavarnák a szöveg karakterosztását. A szabvány készítői a tabulátor karakterek használatát sem ajánlják, mivel azok szélessége eltérő lehet a különböző megjelenítő eszközökön. Az üres részeket több egymás utáni szóközzel célszerű megadni.