Einige Symbole sind schwierig einzugeben und andere sind technisch verboten. Finden Sie heraus, was was ist und wie Sie Zeichen in HTML beherrschen.

Es kann vorkommen, dass Sie auf Ihrer Website ein Sonderzeichen verwenden müssen, z. B. das kaufmännische Und-Symbol. Sie können jedoch nicht einfach "&" in Ihren HTML-Code eingeben, da dies ein reserviertes HTML-Symbol ist.

Stattdessen können Sie HTML-Entitäten oder spezielle Codes verwenden, um diese Zeichen darzustellen. Auf diese Weise können Sie Ihrer Webseite Symbole hinzufügen, ohne den eigentlichen HTML-Code zu beeinträchtigen.

Was sind Symbole in HTML?

Wenn Aufbau einer HTML-Website, verwenden Sie eine Reihe von Symbolen für Satzzeichen. Während Sie die meisten Zeichen direkt zu Ihrer Seite hinzufügen können, haben einige eine besondere Bedeutung oder sind schwierig einzugeben. HTML verwendet beispielsweise Symbole wie spitze Klammern (< und >), kaufmännische Und-Zeichen (&) und Anführungszeichen (" und '), um die Struktur Ihres Inhalts darzustellen.

instagram viewer

Ein Webbrowser interpretiert das spitze Klammersymbol normalerweise als öffnendes oder schließendes Tag. Wenn Sie dies nicht beabsichtigen, kann dies zu Fehlern auf Ihrer Webseite führen. Beispiele für Symbole, die einen Entitätscode erfordern, sind:

  • Et-Zeichen (&)
  • Weniger als (<)
  • Größer als (>)
  • Doppeltes Anführungszeichen (")
  • Einfaches Anführungszeichen (')

Andere Symbole wie z Urheberrechts- und Markensymbole erfordern keinen Entitätscode, aber Sie können trotzdem einen verwenden, wenn Sie dies bevorzugen. Sie sind möglicherweise umständlich einzugeben oder werden in Ihrem Texteditor sogar nicht unterstützt. Einige Beispiele sind:

  • Copyright-Symbol (©)
  • Markensymbol (™)
  • Symbol für eingetragene Marke (®)

Was sind benannte und numerische Entitäten?

Sie können jedes Symbol mit einem numerischen Entitätscode darstellen, und das häufigste auch mit einer benannten Entität. Hier sind einige Beispiele:

Symbol

Benannter Entitätscode

Numerischer Entitätscode

Et-Zeichen

&

&

Weniger als

<

<

Größer als

>

>

Doppeltes Anführungszeichen

"

"

Einfaches Zitat

'

'

Urheberrechte ©

©

©

Markenzeichen

™

™

Symbol für eingetragene Marke

®

®

Wenn Sie entweder den benannten oder den numerischen Code verwenden, wird das entsprechende Symbol angezeigt. Wenn Sie beispielsweise entweder „©“ oder „©“ verwenden, wird das Copyright-Symbol angezeigt.

Hinzufügen von Emojis zu Ihrer Webseite

Sie können Emojis auch mit einem Entitätscode anzeigen. Alle Emojis haben einen numerischen Entitätscode in HTML, aber nicht alle haben einen benannten Entitätscode. Einige Beispiele sind:

Symbol

Numerischer Entitätscode

Lächelndes Gesicht (😃)

😃

Lachendes Gesicht (😆)

😆

Lächelndes Gesicht mit Heiligenschein (😇)

😇

So fügen Sie Symbole mithilfe von Entitätscodes auf einer Webseite ein

Sie können Entitätscodes in den Inhalt Ihrer HTML-Seite einfügen. Wenn Sie Ihre Webseite in einem Browser anzeigen, werden die Codes in das entsprechende Symbol umgewandelt.

  1. Fügen Sie in einer neuen HTML-Datei die Grundstruktur für eine HTML-Webseite hinzu:
    html>
    <html>
    <Kopf>
    <Titel>Symbol- und EntitätsbeispielTitel>
    <MetaZeichensatz="UTF-8">
    Kopf>
    <Körper>

    Körper>
    html>
  2. Fügen Sie innerhalb des Body-Tags etwas HTML-Inhalt hinzu. Geben Sie entweder den benannten oder den numerischen Entitätscode für das Symbol an, das Sie anzeigen möchten:
    <h1>HTML-Symboleh1>
    <P>Copyrightzeichen: ©P>
    <P>Kaufmännisches Und-Symbol: &P>
    <P>Markenzeichen: ™P>
    <P>Lächelndes Gesicht: 😃P>
  3. Öffnen Sie Ihre HTML-Datei in einem Webbrowser, um die entsprechenden Symbole anzuzeigen:

Verwendung spezieller oder reservierter HTML-Symbole auf Ihrer Website

Jetzt, da Sie wissen, wie Sie Symbole zu Ihrer HTML-Webseite hinzufügen, können Sie andere interessante Inhalte erkunden, die Sie hinzufügen können, um Ihre Website ansprechender zu gestalten.