Nyitó

Gyorstalpaló

Tervezés

HTML

CSS

Sablonok

Bevezetés

Szintaktika

Dokumentum szerkezet

Általános attribútumok

Szöveg megadása

Linkek

Kép beillesztése

Táblázatok

Listák

Űrlapok

Szkriptek

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.


Program kódok és kimeneti eredmények. A <code> és a <samp> tagok »