HTML Tutorial

HTML-tagg: <pre>

Användning av<pre>

<pre>-taggen används för att bevara formateringen (indrag, blanksteg, radbrytningar) av text i HTML-dokument. Det är användbart för att visa kodblock, konsolutskrifter eller annat oformaterat textinnehåll.

Attribut för<pre>

<pre>-taggen har inga unika attribut.

Exempel med<pre>

<pre>
// Kodblock
console.log("Hej världen!");
</pre>

Utforska <pre>-taggen

<!DOCTYPE html>
<html>
<head>
 <title>Exempel på `<pre>` taggen</title>
</head>
<body>
 <h1>Exempel på `<pre>` taggen</h1>
 <pre>
   // Kodblock
   console.log("Hej världen!");
 </pre>
</body>
</html>

Förbättrad tillgänglighet

För att förbättra tillgängligheten rekommenderas att använda formateringsattribut tillsammans med <pre>-taggen, t.ex.:

  • wrap - gör att texten bryts om vid fönstrets bredd
  • linenumbers - lägger till radnummer till texten