## Zeichenvorrat, Sonderzeichen und HTML-eigene Zeichen

| Allgemeines zu Zeichen in HTML Deutsche Umlaute und scharfes S Das Euro-Zeichen in HTML HTML-eigene Zeichen maskieren

## Allgemeines zu Zeichen in HTML

Wenn Sie Ihre Texte - sagen wir in deutscher Sprache - einfach in einen HTML-Editor eintippen, den Text mit Hilfe von HTML-Elementen strukturieren und sich das Ganze dann im Web-Browser anzeigen lassen, wird in der Regel der gesamte eingegebene Text korrekt angezeigt. Das klingt selbstverständlich - ist es aber nicht. In der HTML-Datei stehen nämlich nicht Ihre eingegebenen Buchstaben und Satzzeichen, sondern Byte für Byte numerische Werte wie 75, 168 oder 32. Der Browser versucht nun herauszubekommen, nach welchem Zeichensatz er diese numerischen Werte interpretieren soll. Ob beispielsweise nach einem westeuropäischen, einem kyrillischen oder einem arabischen Zeichensatz. Wenn Sie keinerlei Angaben zum verwendeten Zeichensatz machen, dann wird der Browser am Ende seiner Bemühungen einfach den Zeichensatz verwenden, der in seinen Einstellungen voreingestellt ist. In Ihrem Browser, der vermutlich eine englische oder deutschsprachige Benutzerführung hat, ist vermutlich der Zeichensatz für westeuropäische Sprachen eingestellt, der so genannte Latin-1-Zeichensatz (ISO 8859-1). Weil der HTML-Editor oder Texteditor, den Sie beim Eintippen benutzen, vermutlich ebenfalls nach diesem Zeichensatz abspeichert, klappt alles wunderbar. Nun könnte es aber, wenn Ihre Web-Seiten im Web stehen, auch mal passieren, dass Besucher aus Osteuropa, Asien usw. vorbeikommen, die ganz andere Zeichensätze in ihren Web-Browsern voreingestellt haben. Solche Besucher werden dann lauter Zeichen ihres eigenen, vertrauten Zeichensatzes sehen - aber es wird ein wilder Zeichensalat sein, dem man beim besten Willen keinen Sinn entnehmen kann.

HTML bietet Ihnen deshalb die Möglichkeit an, dem Browser mitzuteilen, welchen Zeichensatz Sie meinen. Dann liegt es am Browser, die von Ihnen gemeinten Zeichen am Bildschirm beispielsweise eines Seitenbesuchers aus Fernost so anzuzeigen wie Sie sie eingetippt haben. Es gibt folgende Möglichkeiten, dem Browser mitzuteilen, welchen Zeichensatz bzw. welches bestimmte Zeichen aus einem anderen als dem voreingestellten Zeichensatz Sie meinen:

- global für eine Datei: dazu gibt es die Möglichkeit, im Dateikopf einer HTML-Datei in einem so genannten Meta-Tag eine Angabe zum Default-Zeichensatz zu notieren. Eine solche Angabe ist sehr zu empfehlen, da Sie dem Browser damit auf jeden Fall die Entscheidung leichter machen, nach welchem Zeichensatz die Bytes der HTML-Datei zu interpretieren sind.
- für einzelne Zeichen: Das ist vor allem dann sinnvoll, wenn Sie eine globale Angabe zum Zeichensatz gemacht haben, im Text aber einzelne Zeichen verwenden wollen, die in dem angegebenen Zeichensatz nicht vorkommen. Dabei gibt es wiederum zwei Möglichkeiten: entweder Sie verwenden eine spezielle numerische Notation. Für häufiger verwendete Sonderzeichen stellt HTML aber auch so genannte benannte Zeichen zur Verfügung. Für beide Möglichkeiten sollten Sie sich einmal mit der HTML-Zeichenreferenz beschäftigen.

Falls Sie das Thema mit den numerischen Bytes und den Zeichensätzen vertiefen möchten, können Sie den Abschnitt Computer und geschriebene Sprache lesen.

## Deutsche Umlaute und scharfes S

Wenn Sie in Ihrer HTML-Datei sonst keine Angaben zum verwendeten Zeichensatz machen, sollten Sie im Hinblick auf das Internet und die internationale Verwendung deutsche Umlaute und scharfes S durch spezielle, dafür vorgesehene benannte Zeichen ersetzen. Das gilt für den gesamten Inhalt einer HTML-Datei.

Ersetzen Sie das Zeichen `ä` durch die Zeichenfolge `&auml;`
Ersetzen Sie das Zeichen `Ä` durch die Zeichenfolge `&Auml;`
Ersetzen Sie das Zeichen `ö` durch die Zeichenfolge `&ouml;`
Ersetzen Sie das Zeichen `Ö` durch die Zeichenfolge `&Ouml;`
Ersetzen Sie das Zeichen `ü` durch die Zeichenfolge `&uuml;`
Ersetzen Sie das Zeichen `Ü` durch die Zeichenfolge `&Uuml;`
Ersetzen Sie das Zeichen `ß` durch die Zeichenfolge `&szlig;`

### Beispiel:

    In M&uuml;nchen steht ein Hofbr&auml;uhaus.
    Dort gibt es Bier aus Ma&szlig;kr&uuml;gen.

### Erläuterung:

Ersetzen Sie die deutschen Sonderzeichen wie im obigen Beispiel durch die entsprechenden Zeichenfolgen - keine Sorge, die Web-Browser verstehen das und zeigen die Zeichen korrekt an.

### Beachten Sie:

Es gibt eine Menge weiterer Sonderzeichen, die durch solche Umschreibungen dargestellt werden sollten. Diese finden Sie in der HTML-Zeichenreferenz aufgelistet.

## Das Euro-Zeichen in HTML

Auch für das Eurozeichen gibt es ein benanntes Zeichen in HTML.

### Beispiel:

    Preis: &euro; 199,-

### Erläuterung:

Notieren Sie an der Stelle, wo das Euro-Zeichen stehen soll, die Zeichenfolge `&euro;`.

### Beachten Sie:

Vermeiden Sie unter MS Windows, das Eurozeichen über die Tastatur erzeugt in HTML einzutippen (`[AltGr]+[e]`). Der Grund ist, dass Microsoft das Eurozeichen intern auf den Zeichenwert 128 gelegt hat, um es über Tastatur zugänglich zu machen und in vorhandene Schriftarten einzubauen. Das entspricht jedoch nicht dem Unicode/ISO-10646-Standard, auf dem HTML aufsetzt. Verwenden Sie in HTML deshalb das oben beschriebene `&euro` oder als Alternative eine numerische Notation nach dem Unicode/ISO-10646-Standard. Dort hat das Eurozeichen den Hexadezimalwert 20AC oder den Dezimalwert 8364. Nach HTML 4.0 können Sie das Eurozeichen demnach numerisch so referenzieren: `&#x20AC;` oder `&#8364;`.

## HTML-eigene Zeichen maskieren

Wenn in Ihrem Text Zeichen vorkommen, die in HTML eine bestimmte Bedeutung haben, müssen Sie diese Zeichen maskieren. Die folgenden Zeichen müssen Sie wie folgt maskieren:

Ersetzen Sie das Zeichen `<` durch die Zeichenfolge `&lt;`
Ersetzen Sie das Zeichen `>` durch die Zeichenfolge `&gt;`
Ersetzen Sie das Zeichen `&` durch die Zeichenfolge `&amp;`
Ersetzen Sie das Zeichen `"` durch die Zeichenfolge `&quot;`

### Beispiel:

    Das ist ein &lt;HTML-Tag&gt;
    GmbH &amp; Co. KG
    &quot;Text steht in Anf&uuml;hrungszeichen&quot;

### Erläuterung:

Ersetzen Sie die HTML-eigenen Zeichen wie im obigen Beispiel durch die entsprechenden Zeichenfolgen.

### Beachten Sie:

Am gefährlichsten ist die spitze öffnende Klammer (`<`). Wenn Sie dieses Zeichen nicht wie vorgeschrieben maskieren, bringen Sie den Web-Browser mit ziemlicher Sicherheit durcheinander, weil er glaubt, nun würde ein HTML-Tag folgen. Die anderen drei zu maskierenden Zeichen führen zwar meistens nicht zu Anzeigefehlern, doch sollten Sie sie auch stets maskieren. Besonders bei normalen Anführungszeichen, die ja doch sehr oft zum Einsatz kommen, wird die Maskierung im Text oft vergessen.

| Farben definieren in HTML
| Grundgerüst einer HTML-Datei

© 2001 selfhtml@teamone.de