NemProgrammering.dk logo

Æ, ø og å på hjemmesider – HTML-encoding

  Skrevet af: Redaktionen     15-06-2013     Skrevet i: HTML + HTML5, PHP

HTMLKURSUSDer er rigtig mange som har problemet med at få æ, ø og å til at blive vist korrekt på deres hjemmeside. Specielt hvis du loader indhold ind på din side via php, kan der ofte opstå problemer med at vise disse specialtegn korrekt.

Det anbefales altid ar få sat sit charset og encoding rigtigt op på sin hjemmeside, for på den måde at løse problemet. Du skal sørge for at din side sætte op således:

<!DOCTYPE html>
<html>
<head>
<title>Sidetitel</title>
<meta charset="utf-8" />
<meta name="description" content="Beskrivelse af side" />
</head>
<body>
</body>
</html>

Her er det vigtige punkt “<meta charset=”utf-8″ />” , som sørger for, at browsere bruger et tegnsæt, når de læser din hjemmeside, som indeholder æ, ø og å.

Hvis du arbejder med PHP, og det er output af æ, ø og å fra din php-kode, som ikke vises korrekt, kan du prøve at tilføje følgende i toppen af dit php-dokument:

header('Content-Type: text/html; charset=utf-8');

Det er vigtigt at denne funktion indsættes og udføres inden der sendes HTML-output til klienten (browseren).

Er det fra din databasen teksten med æ, ø og å hentes, skal du sørge for at bruge funktionen set_charset(“utf8”), når du henter data ud fra den. På den måde burde dine special-karakterer virke korrekt.

I tilfælde hvor du har prøvet alt, og det måske kun drejer sig om nogle få special-tegn som ikke bliver vist korrekt, kan du altid ty til at kode din bogstaver i HTML istedet.

Alt hvad du skal gøre er at erstatte bogstagerne med deres tilhørende HTML kodning:

Bogstav Html-kodning Decimalværdi
æ &aelig; &#230;
ø &oslash; &#248;
å &aring; &#229;
Æ &AElig; &#198;
Ø &Oslash; &#216;
Å &Aring; &#197;

For en fuld liste med alle special tegn og deres korresponderende html kode se her.

Bliv endnu stærkere til web-udvikling med kurser fra NemProgrammering.dk

Arbejder du med webudvikling, så kan du med fordel blive endnu skarpere, med et af vores gratis- eller premium-kurser. Læs mere om de enkelte kurser herunder!


Spørgsmål og kommentarer

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.