HTML Entitäten
Reservierte Zeichen in HTML müssen durch Zeichenentitäten ersetzt werden.
HTML-Entitäten
Einige Zeichen sind in HTML reserviert.
Wenn Sie in Ihrem Text Kleiner-als-Zeichen (<) oder Größer-als-Zeichen (>) verwenden, vermischt der Browser diese möglicherweise mit Tags.
Zeichenentitäten werden verwendet, um reservierte Zeichen in HTML anzuzeigen.
Eine Zeichenentität sieht folgendermaßen aus:
&entitätsname;ODER
&#entitätsnummer;
Um ein Kleiner-als-Zeichen (<) anzuzeigen, müssen wir schreiben: < oder <
Vorteil der Verwendung eines Entitätsnamens: Ein Entitätsname ist leicht zu merken.
Nachteil der Verwendung eines Entitätsnamens: Browser unterstützen möglicherweise nicht alle Entitätsnamen, aber die Unterstützung für Entitätsnummern ist gut.
Geschützter Leerzeichen
Eine häufig verwendete Entität in HTML ist das geschützte Leerzeichen:
Ein geschütztes Leerzeichen ist ein Leerzeichen, das nicht in eine neue Zeile eingefügt wird.
Zwei Wörter, die durch ein geschütztes Leerzeichen getrennt sind, bleiben zusammen (werden nicht in eine neue Zeile umgebrochen). Dies ist praktisch, wenn das Unterbrechen der Wörter störend wirken könnte.
Beispiele:
- § 10
- 10 km/h
- 10 PM
Eine weitere häufige Verwendung des geschützten Leerzeichens besteht darin, zu verhindern, dass Browser Leerzeichen in HTML-Seiten abschneiden.
Wenn Sie 10 Leerzeichen in Ihren Text schreiben, entfernt der Browser 9 davon. Um Ihrem Text echte Leerzeichen hinzuzufügen, können Sie die Zeichenentität verwenden.
Tipp: Der geschützte Bindestrich (>‑) wird verwendet, um ein Bindestrichzeichen (-) zu definieren, das nicht umgebrochen wird in eine neue Zeile.
Einige nützliche HTML-Zeicheneinheiten
| Ergebnis | Beschreibung | Entitätsname | Entitätsnummer | Probieren Sie es aus |
|---|---|---|---|---|
| geschützter Raum | |   | Try it » | |
| < | weniger als | < | < | Try it » |
| > | größer als | > | > | Try it » |
| & | Et-Zeichen | & | & | Try it » |
| " | doppeltes Anführungszeichen | " | " | Try it » |
| ' | einfaches Anführungszeichen (Apostroph) | ' | ' | Try it » |
| ¢ | cent | ¢ | ¢ | Try it » |
| £ | Pfund | £ | £ | Try it » |
| ¥ | yen | ¥ | ¥ | Try it » |
| € | euro | € | € | Try it » |
| © | copyright | © | © | Try it » |
| ® | eingetragene Marke | ® | ® | Try it » |
Hinweis: Bei Entitätsnamen muss die Groß-/Kleinschreibung beachtet werden.
Kombinieren diakritischer Zeichen
Ein diakritisches Zeichen ist eine „Glyphe“, die einem Buchstaben hinzugefügt wird.
Einige diakritische Zeichen wie Gravis ( ̀) und Akut ( ́) werden als Akzente bezeichnet.
Diakritische Zeichen können sowohl über als auch unter einem Buchstaben, innerhalb eines Buchstabens und zwischen zwei Buchstaben erscheinen.
Diakritische Zeichen können in Kombination mit alphanumerischen Zeichen verwendet werden, um ein Zeichen zu erzeugen, das im auf der Seite verwendeten Zeichensatz (Kodierung) nicht vorhanden ist.
Hier sind einige Beispiele:
| Mark | Charakter | Konstrukt | Ergebnis | Probieren Sie es aus |
|---|---|---|---|---|
| ̀ | a | à | à | Try it » |
| ́ | a | á | á | Try it » |
| ̂ | a | â | â | Try it » |
| ̃ | a | ã | ã | Try it » |
| ̀ | O | Ò | Ò | Try it » |
| ́ | O | Ó | Ó | Try it » |
| ̂ | O | Ô | Ô | Try it » |
| ̃ | O | Õ | Õ | Try it » |
Im nächsten Kapitel dieses Tutorials werden Sie weitere HTML-Symbole sehen.
