Hvad bruges pre elementet til?

HTML-elementet pre kan bruges til at formatere tekst på en webside, så den vises som den er skrevet. Dette er ikke som almindelig tekst, der ville blive formateret af browseren, men derimod som en fast formateret tekst, der vises som den er skrevet. Pre-elementet er ofte brugt til at vise kodelinjer, eller andre former for tekst, der skal se ud som de er skrevet. Dette er især nyttigt når man viser kodelinjer, da man vil have dem til at se ud som de er skrevet, og ikke som browseren ville formattere dem. Pre-elementet indeholder også andre funktioner, såsom at tillade linjeskift og tabulering, så det er nemmere at læse. Det er også muligt at tilføje stil til pre-elementet, såsom skrifttyper, farver, baggrunde og andre stilfunktioner. Pre-elementet er altså meget nyttigt når man skal vise tekst på en webside, og man vil have det til at se ud som det er skrevet.

Eksempler på pre

Eksempel 1:

<pre>
<h1>Overskrift</h1>
<p>Dette er en almindelig tekst.</p>
</pre>

Dette eksempel viser en overskrift og en almindelig tekst, hvor pre-elementet sørger for, at linjeskift og mellemrum er synlige i browseren.

Eksempel 2:

<pre>
<code>
function add(a, b) {
return a + b;
}
</code>
</pre>

Dette eksempel viser en Javascript-funktion indenfor pre-elementet, som sørger for at koden er synlig i browseren, og at linjeskift og mellemrum bevares.

Eksempel 3:

Dette eksempel viser en opstilling med tre punkter indenfor pre-elementet, som sørger for, at linjeskift og mellemrum er synlige i browseren.