HTML Elementen

HTML <pre> element

  • Met het <pre> element kan tekst met vaste opmaak (meestal Courier) worden opgenomen, zonder dat de browser iets wijzigt aan de opmaak.
  • Voor de ingesloten tekst in het <pre> element, gebruikt de browser een lettertype met vaste letterafstand (monospace).
  • Spaties en een overgang naar een nieuwe regel worden weergegeven, zoals ze in de bron van het document zijn opgenomen.
  • Het <pre> element mag alleen inline inhoud bevatten en dus geen andere elementen op blokniveau.

Voorbeeld

<html>
<body>
<pre>Deze tekst wordt gevolgd door een paragraaf (block-level element).</pre>
<p>Er is slechts één blanco regel tussen het &lt;pre&gt; element en deze paragraaf.</p>
</body>
</html>

resultaat:

Deze tekst wordt gevolgd door een paragraaf (block-level element).

Er is slechts één blanco regel tussen het <pre> element en deze paragraaf.
tip

Het <pre> element is een block-level element, browsers laten een witruimte (een blanco regel) voor en na een de ingesloten tekst !

  • Met het <pre> element kunnen meerdere blanco regels na elkaar worden ingesloten !
  • Wanneer een <pre> element wordt gevolgd door een ander block-level element
    (bv. <p>), overlappen de blanco regels elkaar en blijft er slechts één blanco regel over !

Optioneel attribuut

Attribuut Waarde Beschrijving DTD
width getal Verouderd. Gebruik stijlen.
Specificeert het maximum aantal karakters per lijn.		 TF

naar boven 

Verschil HTML - XHTML

In XHTML is het width attribuut van de <pre> tag verouderd!

DTD geeft aan in welk <!DOCTYPE> van HTML 4.01 / XHTML 1.0DTD het attribuut is toegestaan.
S=Strict, T=Transitional, F=Frameset

Standaard attributen

  • Het <pre> element ondersteunt volgende standaard attributen:
Attribuut Waarde Beschrijving DTD
class klassenaam Specificeert een klassenaam voor een element STF
dir ltr
rtl		 Specificeert de tekst richting van de inhoud van een element STF
id id Specificeert een uniek id voor een element STF
lang taalcode Specificeert de taalcode van de inhoud van een element STF
style stijl definitie Specificeert de inline stijl van een element STF
title tekst Specificeert extra informatie over een element STF
xml:lang taalcode Specificeert de taalcode van de inhoud van een element, in een XHTML document STF

naar boven 

Gebeurtenis attributen

  • De <pre> tag ondersteunt volgende gebeurtenis attributen:
Attribuut Waarde Beschrijving DTD
onclick script Script moet worden uitgevoerd op een muisklik STF
ondblclick script Script moet worden uitgevoerd op een dubbelklik STF
onmousedown script Script dat moet worden uitgevoerd wanneer de muis wordt ingedrukt STF
onmouseover script Script dat moet worden uitgevoerd wanneer de muisaanwijzer beweegt over een element STF
onmouseup script Script dat moet worden uitgevoerd wanneer muisknop wordt losgelaten STF
onmouseout script Script dat moet worden uitgevoerd wanneer de muisaanwijzer beweegt uit van een element STF
onmousemove script Script dat moet worden uitgevoerd wanneer de muisaanwijzer beweegt STF
onkeydown script Script dat moet worden uitgevoerd wanneer u een toets indrukt STF
onkeypress script Script dat moet worden uitgevoerd wanneer een toets wordt ingedrukt en losgelaten STF
onkeyup script Script dat moet worden uitgevoerd wanneer een toets wordt losgelaten STF

naar boven 

Browser ondersteuning

Internet Explorer Firefox Chrome Opera Safari

  • Het <pre> element wordt ondersteunt door de bekende browsers.
naar boven naar boven naar width attribuut
naar boven naar het pre width attribuut