HTML Entities: Alle wichtigen Entitäten im Überblick
HTML Entities werden genutzt, um für den Code reservierte Zeichen oder Sonderzeichen bei der Ausgabe zu berücksichtigen. Die Entitäten sind klar abgegrenzte Zeichenfolgen, die dem Browser signalisieren, dass ein bestimmtes Zeichen ausgegeben werden soll.
Was sind HTML Entities?
HTML Entities bieten die Möglichkeit, bestimmte Zeichen in einem HTML-Dokument auszudrücken, die …
- … nicht natürlich bei der genutzten Eingabemethode zur Verfügung stehen bzw. schwer einzugeben sind.
- … für HTML reserviert sind und eine eigene Funktion bei der Codierung erfüllen.
Um diese Schriftzeichen trotzdem abbilden zu können, ohne den Code zu beschädigen, werden diese eindeutig abgrenzbaren Zeichenfolgen genutzt. Man unterscheidet dabei zwischen benannten Entitäten (Entity names) und numerischen Entitäten (Entity numbers). Während benannte HTML Entities leichter zu lesen und zu merken sind, sind numerische Entities besonders dann wichtig, wenn es keine benannte Variante gibt.
- Flexibel: Hosting, das jedem Website-Traffic standhält
- Verlässlich: Inklusive 24/7-Support und persönlicher Beratung
- Sicher: Kostenloses SSL-Zertifikat, DDoS-Schutz und Backups
Benannte HTML Entities
Benannte HTML Entities haben das folgende Format:
&entity_name;
htmlUm beispielsweise das kaufmännische Und &
abzubilden, muss es im Code als &
(für das englische Wort ampersand) hinterlegt werden. Folgendes Beispiel verdeutlicht den Einsatz der Entity:
<!DOCTYPE html>
<html>
<body>
<h1>Beispiel für eine benannte Entität</h1>
<h2>Das kaufmännische Und sieht so aus: &</h2>
</body>
</html>
htmlDie Schreibweise dieser HTML Entities ist case-sensitive. Groß- und Kleinschreibung müssen also unbedingt beachtet werden.
Numerische HTML Entities
Numerische HTML Entities werden in diesem Format eingesetzt:
&#entity_number;
htmlAnstelle von entity_number
ist der jeweilige Unicode-Wert des gewünschten Zeichens einzusetzen. Möchten Sie das kaufmännische Und schreiben, ist die Zeichenfolge &
die richtige Wahl. So sieht diese Version im Code aus:
<!DOCTYPE html>
<html>
<body>
<h1>Beispiel für eine numerische Entität</h1>
<h2>Das kaufmännische Und sieht so aus: &</h2>
</body>
</html>
html- Inklusive Wildcard-SSL-Zertifikat
- Inklusive Domain Lock
- Inklusive 2 GB E-Mail-Postfach
HTML Entities: Listen der wichtigsten Entitäten
Egal, ob Sie gerade erst anfangen, HTML zu lernen oder ob Sie die Auszeichnungssprache bereits seit längerer Zeit nutzen: Eine Liste der wichtigsten HTML Entities ist in jedem Fall eine hilfreiche Ergänzung. In den nachfolgenden Abschnitten finden Sie einige der meistgenutzten Entitäten.
Satzzeichen
Zeichen | Beschreibung | Benannt | Numerisch |
---|---|---|---|
Leerzeichen ohne Zeilenumbruch |
|
 
|
|
. | Punkt | .
|
.
|
, | Komma | ,
|
,
|
! | Ausrufezeichen | !
|
!
|
? | Fragezeichen | ?
|
?
|
& | Kaufmännisches Und | &
|
&
|
“ | Anführungsstriche oben | "
|
"
|
’ | Apostroph | '
|
'
|
# | Raute | #
|
#
|
( | Klammer auf | (
|
(
|
) | Klammer zu | )
|
)
|
% | Prozentzeichen | %
|
%
|
§ | Paragraphenzeichen | §
|
§
|
Sonderzeichen
Zeichen | Beschreibung | Benannt | Numerisch |
---|---|---|---|
© | Copyright | ©
|
©
|
® | Registrierte Marke | ®
|
®
|
™ | Trademark | ™
|
™
|
@ | At-Zeichen | @
|
@
|
♀ | Zeichen für Frau | ♀
|
♀
|
♂ | Zeichen für Mann | ♂
|
♂
|
Häkchen | ✓
|
✓
|
|
Kreuzchen | ✗
|
✗
|
Mathematische Symbole
Zeichen | Beschreibung | Benannt | Numerisch |
---|---|---|---|
+ | Pluszeichen | +
|
+
|
− | Minuszeichen | −
|
−
|
× | Multiplikationszeichen | ×
|
×
|
÷ | Divisionszeichen | ÷
|
÷
|
= | Gleichzeichen | =
|
=
|
< | Kleiner als | <
|
<
|
> | Größer als | >
|
>
|
Währungen
Zeichen | Beschreibung | Benannt | Numerisch |
---|---|---|---|
€ | Euro | €
|
€
|
¢ | Cent | ¢
|
¢
|
$ | Dollar | $
|
$
|
£ | Pfund | £
|
£
|
¥ | Yen | ¥
|
¥
|
Umlaute
Zeichen | Beschreibung | Benannt | Numerisch |
---|---|---|---|
Ä | Großes Ä | Ä
|
Ä
|
ä | Kleines ä | ä
|
ä
|
Ö | Großes Ö | Ö
|
Ö
|
ö | Kleines ö | ö
|
ö
|
Ü | Großes Ü | Ü
|
Ü
|
ü | Kleines ü | ü
|
ü
|
An anderer Stelle im Digital Guide finden Sie viele weitere Ratgeber rund um die Hypertext Markup Language (HTML). Hier erklären wir Ihnen zum Beispiel auch, was HTML-Tags sind, welche Besonderheiten HTML5 hat und wie der Einstieg in CSS gelingt.