Webmaster-Crashkurs

Sonderzeichen öäüß in HTML

Die Umlaut (öäüß) müssen in HTML maskiert werden, damit diese auch im Ausland sauber angezeigt werden (Anmerkung für Fortgeschrittene: wir machen hier NICHT UTF-8).

Das Maskieren der Umlaute geschieht im HTML durch das vorstellen eines kaufmänischen Und-Zeichens (&) und dann die entsprechende Abkürzung gefolgt von einem Semikolon.

Eine Auflistung verschiedener Sonderzeichen und maskierten Zeichen in HTML:

maskierte Zeichen

Aussehen Name Nummer Beschreibung englisch
‘ einfaches Anführungzeichen left single quote
’ einfaches Anführungzeichen right single quote
‚ einfaches unteres Anführungszeichen single low-9 quote
“ Anführungszeichen left double quote
” Anführungszeichen right double quote
„ Anführungszeichen unten double low-9 quote
† dagger
‡ double dagger
‰ Promil per mill sign
‹ single left-pointing angle quote
› single right-pointing angle quote
♠ Spielkarte Blatt black spade suit
♣ Spielkarten Kreuz black club suit
♥ Spielkarte Herz black heart suit
♦ Spielkarte Karo black diamond suit
‾ obere Linie overline = spacing overscore
← Pfeil links leftward arrow
→ Pfeil rechts rightward arrow
↑ Pfeil aufwärts upward arrow
↓ Pfeil abwärts downward arrow
™ Trademark Zeichen trademark sign
	 horizontaler Tabulator horizontal tab

 line feed line feed
  Leerzeichen space
! ! Ausrufungszeichen exclamation mark
" " " doppelte Anführungszeichen double quotation mark
# #
$ $ Dollarzeichen dollar sign
% % Prozentzeichen percent sign
& & & kaufmänisches Und-Zeichen ampersand
' ' Apostroph apostrophe
( ( Klammer auf left parenthesis
) ) Klammer zu right parenthesis
* * Stern (Asterisk) asterisk
+ * Plus-Zeichen plus sign
, , Komma comma
- - Bindestrich hyphen
. . Periodenzeichen period
⁄ / Slash slash
0 0 Zahlen 0 bis digits 0-
9 9 9 digit 9
: : Doppelpunkt colon
; &#59; Strich-Punkt semicolon
< &lt; &#60; Kleiner als Zeichen less-than sign
= &#61; Gleichzeichen equals sign
> &lt; &#62; Größer-als-Zeichen greater-than sign
? &#63; Fragezeichen question mark
@ &#64; Klammeraffee at sign
A bis &#65; Großbuchstaben A bis uppercase letters A-
Z &#90; Z uppercase letters Z
[ &#91; eckige Klammer links left square bracket
\ &#92; Backslash backslash
] &#93; eckige Klammer rechts right square bracket
^ &#94; Dach caret
_ &#95; unterstrichen horizontal bar (underscore)
` &#96; Accent grave grave accent
a bis &#97; Kleinbuchstaben a bis lowercase letters a-
z &#122; Kleinbuchstaben bis z lowercase letters -z
{ &#123; geschweifte Klammer auf left curly brace
| &#124; Vertikaler Strich vertical bar
} &#125; geschweifte Klammer zu right curly brace
~ &#126; Tilde tilde
&ndash; &#150; kurzer Bindestrich en dash
&mdash; &#151; Gedankenstrich em dash
¡ &iexcl; &#161; umgekehrtes Ausrufungszeichen inverted exclamation
¢ &cent; &#162; Cent cent sign
£ &pound; &#163; engl. Pfund pound sterling
¤ &curren; &#164; generelles Währungszeichen general currency sign
¥ &yen; &#165; Währung Yen yen sign
¦ &brvbar; oder &brkbar; &#166; unterbrochene vertikale Linie broken vertical bar
§ &sect; &#167; Paragraphenzeichen section sign
¨ &uml; oder &die; &#168; Umlaut-Zeichen umlaut
© &copy; &#169; Copyright copyright
ª &ordf; &#170; feminine ordinal
« &laquo; &#171; left angle quote
¬ &not; &#172; Zeichen für Nicht not sign
­ &shy; &#173; weiches Trennzeichen soft hyphen
® &reg; &#174; eingetragenes Wahrenzeichen registered trademark
¯ &macr; oder &hibar; &#175; macron accent
° &deg; &#176; Grad-Zeichen degree sign
± &plusmn; &#177; Plus-Minus Zeichen plus or minus
² &sup2; &#178; 2 hochgestellt superscript two
³ &sup3; &#179; 3 hochgestellt superscript three
´ &acute; &#180; acute accent
µ &micro; &#181; Mycro-Zeichen micro sign
&para; &#182; Paragrafen-Zeichen paragraph sign
· &middot; &#183; Punkt mittig middle dot
¸ &cedil; &#184; cedilla
¹ &sup1; &#185; hochgestellte eins superscript one
º &ordm; &#186; masculine ordinal
» &raquo; &#187; right angle quote
¼ &frac14; &#188; einviertel one-fourth
½ &frac12; &#189; einhalb one-half
¾ &frac34; &#190; dreiviertel three-fourths
¿ &iquest; &#; Fragezeichen auf Kopf inverted question mark
Ä &Auml; &#196; Umlaut Ä uppercase A, umlaut
Ö &Ouml; &#214; Umlaut Ö uppercase O, umlaut
× &times; &#; Multiplikationszeichen multiplication sign
Ø &Oslash; &#216; uppercase O, slash
Ü &Uuml; &#220; Umlaut Ü uppercase U, umlaut
ß &szlig; &#223; Sz lowercase sharps, German
ä &auml; &#228; Umlaut ä lowercase a, umlaut
ö &ouml; &#246; Umlaut ö lowercase o, umlaut
÷ &divide; &#247; Geteilt Zeichen division sign
ø &oslash; &#248; Durchschnittzeichen klein lowercase o, slash
ü &uuml; &#252; Umlaut ü lowercase u, umlaut
HTML5-Video-Kurs:
hier klicken für
mehr Informationen
© 2008-2023   •   www.webmaster-crashkurs.de - HTML5 Tutorial mit VideosImpressumDatenschutzerklärung
weitere eigene Projekte: