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.

Das kleine ä wird in HTML zu ä
Das keine ü wird maskiert zu ü
und das große Ü wird zu Ü

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
‚	&sbquo;		einfaches unteres Anführungszeichen	single low-9 quote
“	“		Anführungszeichen	left double quote
”	”		Anführungszeichen	right double quote
„	&bdquo;		Anführungszeichen unten	double low-9 quote
†	&dagger;			dagger
‡	&Dagger;			double dagger
‰	&permil;		Promil	per mill sign
‹	&lsaquo;			single left-pointing angle quote
›	&rsaquo;			single right-pointing angle quote
♠	&spades;		Spielkarte Blatt	black spade suit
♣	&clubs;		Spielkarten Kreuz	black club suit
♥	&hearts;		Spielkarte Herz	black heart suit
♦	&diams;		Spielkarte Karo	black diamond suit
‾	&oline;		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
⁄	&frasl;	/	Slash	slash
0		0	Zahlen 0 bis	digits 0-
9		9	9	digit 9
:		:	Doppelpunkt	colon
;		;	Strich-Punkt	semicolon
<	<	<	Kleiner als Zeichen	less-than sign
=		=	Gleichzeichen	equals sign
>	<	>	Größer-als-Zeichen	greater-than sign
?		?	Fragezeichen	question mark
@		@	Klammeraffee	at sign
A bis		A	Großbuchstaben A bis	uppercase letters A-
Z		Z	Z	uppercase letters Z
[		[	eckige Klammer links	left square bracket
\		\	Backslash	backslash
]		]	eckige Klammer rechts	right square bracket
^		^	Dach	caret
_		_	unterstrichen	horizontal bar (underscore)
`		`	Accent grave	grave accent
a bis		a	Kleinbuchstaben a bis	lowercase letters a-
z		z	Kleinbuchstaben bis z	lowercase letters -z
{		{	geschweifte Klammer auf	left curly brace
\|		\|	Vertikaler Strich	vertical bar
}		}	geschweifte Klammer zu	right curly brace
~		~	Tilde	tilde
–	–		kurzer Bindestrich	en dash
—	—		Gedankenstrich	em dash
¡	¡	¡	umgekehrtes Ausrufungszeichen	inverted exclamation
¢	¢	¢	Cent	cent sign
£	£	£	engl. Pfund	pound sterling
¤	¤	¤	generelles Währungszeichen	general currency sign
¥	¥	¥	Währung Yen	yen sign
¦	¦ oder &brkbar;	¦	unterbrochene vertikale Linie	broken vertical bar
§	§	§	Paragraphenzeichen	section sign
¨	¨ oder &die;	¨	Umlaut-Zeichen	umlaut
©	©	©	Copyright	copyright
ª	ª	ª		feminine ordinal
«	«	«		left angle quote
¬	¬	¬	Zeichen für Nicht	not sign
			weiches Trennzeichen	soft hyphen
®	®	®	eingetragenes Wahrenzeichen	registered trademark
¯	¯ oder &hibar;	¯		macron accent
°	°	°	Grad-Zeichen	degree sign
±	±	±	Plus-Minus Zeichen	plus or minus
²	²	²	2 hochgestellt	superscript two
³	³	³	3 hochgestellt	superscript three
´	´	´		acute accent
µ	µ	µ	Mycro-Zeichen	micro sign
¶	¶	¶	Paragrafen-Zeichen	paragraph sign
·	·	·	Punkt mittig	middle dot
¸	¸	¸		cedilla
¹	¹	¹	hochgestellte eins	superscript one
º	º	º		masculine ordinal
»	»	»		right angle quote
¼	¼	¼	einviertel	one-fourth
½	½	½	einhalb	one-half
¾	¾	¾	dreiviertel	three-fourths
¿	¿	&#;	Fragezeichen auf Kopf	inverted question mark
Ä	Ä	Ä	Umlaut Ä	uppercase A, umlaut
Ö	Ö	Ö	Umlaut Ö	uppercase O, umlaut
×	×	&#;	Multiplikationszeichen	multiplication sign
Ø	Ø	Ø		uppercase O, slash
Ü	Ü	Ü	Umlaut Ü	uppercase U, umlaut
ß	ß	ß	Sz	lowercase sharps, German
ä	ä	ä	Umlaut ä	lowercase a, umlaut
ö	ö	ö	Umlaut ö	lowercase o, umlaut
÷	÷	÷	Geteilt Zeichen	division sign
ø	ø	ø	Durchschnittzeichen klein	lowercase o, slash
ü	ü	ü	Umlaut ü	lowercase u, umlaut

Hochstellen und Tiefstellen Zeilenumbruch durch br

HTML5-Video-Kurs:
hier klicken für
mehr Informationen

weitere eigene Projekte:

Programmiersprachen

Bildbearbeitung & Fotografieren

MS Office Kurs / Ernährung