Sonderzeichen in HTML richtig auszeichnen

Für einen validen HTML-Code ist es unabdingbar, Sonderzeichen in HTML richtig auszuzeichnen. Dies ist auch für den Einsatz vieler Scripte erforderlich, da es sonst zu Fehlinterpretationen kommt. Das wiederum führt zu Problemen bei der Ausführung der Scripte.

Aber auch manche Browser, Screenreader oder andere Programme sind auf eine korrekte Auszeichnung der Sonderzeichen im HTML-Code angewiesen, damit keine Fehler auftreten. Valider HTML-Code ist für einige Programme sehr wichtig.

Aus diesem Grunde habe ich an dieser Stelle eine Liste mit den verschiedensten Sonderzeichen, deren Bedeutung und der entsprechenden HTML-Kodierung für dich bereit gestellt. Somit kannst du ganz einfach den HTML-Code für das gewünschte Sonderzeichen kopieren und in deine Website einfügen, um sie so korrekt auszuzeichnen.

 

HTML-eigene Zeichen

Zeichen Beschreibung Name in HTML
Anführungszeichen oben "
& Ampersand-Zeichen, kaufmännisches Und &
< öffnende spitze Klammer &lt;
> schließende spitze Klammer &gt;

 

 

Zeichen für die Kodierung ISO 8859-1

Zeichen Beschreibung Name in HTML
Erzwungenes Leerzeichen &nbsp;
¡ umgekehrtes Ausrufezeichen &iexcl;
¢ Cent-Zeichen &cent;
£ Pfund-Zeichen &pound;
¤ Währungszeichen &curren;
¥ Yen-Zeichen &yen;
¦ durchbrochener Strich &brvbar;
§ Paragraph-Zeichen &sect;
¨ Pünktchen oben &uml;
© Copyright-Zeichen &copy;
ª Ordinal-Zeichen weiblich &ordf;
« angewinkelte Anführungszeichen links &laquo;
¬ Verneinungs-Zeichen &not;
bedingter Trennstrich &shy;
® Registriermarke-Zeichen &reg;
¯ Überstrich &macr;
° Grad-Zeichen &deg;
± Plusminus-Zeichen &plusmn;
² Hoch-2-Zeichen &sup2;
³ Hoch-3-Zeichen &sup3;
´ Akut-Zeichen &acute;
µ Mikro-Zeichen &micro;
Absatz-Zeichen &para;
· Mittelpunkt &middot;
¸ Häkchen unten &cedil;
¹ Hoch-1-Zeichen &sup1;
º Ordinal-Zeichen männlich &ordm;
» angewinkelte Anführungszeichen rechts &raquo;
¼ ein Viertel &frac14;
½ ein Halb &frac12;
¾ drei Viertel &frac34;
¿ umgekehrtes Fragezeichen &iquest;
À A mit accent grave (Gravis) &Agrave;
Á A mit accent aigu (Akut) &Aacute;
 A mit Zirkumflex &Acirc;
à A mit Tilde &Atilde;
Ä A Umlaut &Auml;
Å A mit Ring &Aring;
Æ A mit legiertem E &AElig;
Ç C mit Häkchen &Ccedil;
È E mit accent grave (Gravis) &Egrave;
É E mit accent aigu (Akut) &Eacute;
Ê E mit Zirkumflex &Ecirc;
Ë E Umlaut &Euml;
Ì I mit accent grave (Gravis) &Igrave;
Í I mit accent aigu (Akut) &Iacute;
Î I mit Zirkumflex &Icirc;
Ï I Umlaut &Iuml;
Ð großes Eth (isländisch) &ETH;
Ñ N mit Tilde &Ntilde;
Ò O mit accent grave (Gravis) &Ograve;
Ó O mit accent aigu (Akut) &Oacute;
Ô O mit Zirkumflex &Ocirc;
Õ O mit Tilde &Otilde;
Ö O Umlaut &Ouml;
× Mal-Zeichen &times;
Ø O mit Schrägstrich &Oslash;
Ù U mit accent grave (Gravis) &Ugrave;
Ú U mit accent aigu (Akut) &Uacute;
Û U mit Zirkumflex &Ucirc;
Ü U Umlaut &Uuml;
Ý Y mit accent aigu (Akut) &Yacute;
Þ großes Thorn (isländisch) &THORN;
ß scharfes S &szlig;
à a mit accent grave (Gravis) &agrave;
á a mit accent aigu (Akut) &aacute;
â a mit Zirkumflex &acirc;
ã a mit Tilde &atilde;
ä a Umlaut &auml;
å a mit Ring &aring;
æ a mit legiertem e &aelig;
ç c mit Häkchen &ccedil;
è e mit accent grave (Gravis) &egrave;
é e mit accent aigu (Akut) &eacute;
ê e mit Zirkumflex &ecirc;
ë e Umlaut &euml;
ì i mit accent grave (Gravis) &igrave;
í i mit accent aigu (Akut) &iacute;
î i mit Zirkumflex &icirc;
ï i Umlaut &iuml;
ð kleines Eth (isländisch) &eth;
ñ n mit Tilde &ntilde;
ò o mit accent grave (Gravis) &ograve;
ó o mit accent aigu (Akut) &oacute;
ô o mit Zirkumflex &ocirc;
õ o mit Tilde &otilde;
ö o Umlaut &ouml;
÷ Divisions-Zeichen &divide;
ø o mit Schrägstrich &oslash;
ù u mit accent grave (Gravis) &ugrave;
ú u mit accent aigu (Akut) &uacute;
û u mit Zirkumflex &ucirc;
ü u Umlaut &uuml;
ý y mit accent aigu (Akut) &yacute;
þ kleines Thorn (isländisch) &thorn;
ÿ y Umlaut &yuml;

 

 

Diverse Symbole

Zeichen Beschreibung Name in HTML
Bullet-Zeichen &bull;
Trademark-Zeichen &trade;
Euro-Zeichen &euro;

 

 

Lateinisch erweitert

Zeichen Beschreibung Name in HTML
ΠOE-Ligatur &OElig;
œ oe-Ligatur &oelig;
Š S mit Hatschek (Caron) &Scaron;
š s mit Hatschek (Caron) &scaron;
Ÿ Y Umlaut &Yuml;
ƒ Funktion &fnof;

 

 

Interpunktion

Zeichen Beschreibung Name in HTML
Gedankenstrich Breite n &ndash;
Gedankenstrich Breite m &mdash;
einfaches Anführungszeichen links &lsquo;
einfaches Anführungszeichen rechts &rsquo;
einfaches low-9-Zeichen &sbquo; (ist korrekt, nicht &bsquo;)
doppeltes Anführungszeichen links &ldquo;
doppeltes Anführungszeichen rechts &rdquo;
doppeltes low-9-Zeichen rechts &bdquo;
Kreuz &dagger;
Doppelkreuz &Dagger;
Horizontale Ellipse (Auslassungszeichen) &hellip;
Promille &permil;
angewinkeltes einzelnes Anf.zeichen links &lsaquo;
angewinkeltes einzelnes Anf.zeichen rechts &rsaquo;

 

 

Diakritische Zeichen

Zeichen Beschreibung Name in HTML
ˆ Zirkumflex &circ;
˜ kleine Tilde &tilde;

 


Dir gefällt dieser Artikel?

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.