Skip to main content

So verwenden Sie Sonderzeichen in HTML

Alle Sonderzeichen einfach schreiben - Tutorial - Zeichentabelle (April 2025)

Alle Sonderzeichen einfach schreiben - Tutorial - Zeichentabelle (April 2025)
Anonim

Die Webseiten, die Sie online besuchen, werden mithilfe von HTML-Code erstellt, der Webbrowsern den Inhalt der Seite und die visuelle Darstellung für den Betrachter mitteilt. Der Code enthält Anweisungsbausteine, die als Elemente bezeichnet werden, die der Webseiten-Viewer niemals sieht. Der Code enthält auch normale Textzeichen, z. B. in Überschriften und Absätzen, die der Betrachter lesen soll.

Die Rolle von Sonderzeichen in HTML

Wenn Sie HTML verwenden und den Text eingeben, der angezeigt werden soll, benötigen Sie normalerweise keine speziellen Codes. Sie verwenden lediglich Ihre Computertastatur, um die entsprechenden Buchstaben oder Zeichen hinzuzufügen. Ein Problem entsteht, wenn Sie ein Zeichen in den lesbaren Text eingeben möchten, den HTML als Teil des Codes selbst verwendet. Diese Zeichen enthalten die Zeichen <und>, die im Code zum Starten und Beenden jedes HTML-Tags verwendet werden. Möglicherweise möchten Sie auch Zeichen in den Text einfügen, für die kein direktes Analog auf der Tastatur vorhanden ist, z. B. © und Ñ. Für Zeichen, die keine Taste auf Ihrer Tastatur haben, geben Sie einen Code ein.

Sonderzeichen sind bestimmte Teile des HTML-Codes, die dazu dienen, Zeichen anzuzeigen, die im HTML-Code verwendet werden, oder Zeichen, die nicht auf der Tastatur zu finden sind, in den Text, den der Betrachter sieht. HTML stellt diese Sonderzeichen entweder mit einer numerischen Zeichen- oder Zeichencodierung dar, sodass sie in ein HTML-Dokument eingefügt, vom Browser gelesen und ordnungsgemäß angezeigt werden können, damit die Besucher Ihrer Website sie sehen können.

Spezielle HTML-Zeichen

Drei Zeichen stehen im Mittelpunkt der Syntax des HTML-Codes. Sie sollten sie niemals in den lesbaren Teilen Ihrer Webseite verwenden, ohne sie vorher für die korrekte Anzeige zu codieren. Sie sind die Symbole "größer als", "kleiner als" und "kaufmännisches Und". Mit anderen Worten, Sie sollten niemals das Kleiner-als-Symbol verwenden < in Ihrem HTML-Code, es sei denn, es ist der Beginn eines HTML-Tags. Wenn Sie dies tun, verwirrt der Charakter die Browser und Ihre Seiten werden möglicherweise nicht wie erwartet gerendert. Die drei Zeichen, die Sie niemals unverschlüsselt hinzufügen sollten, sind:

  • weniger als Zeichen <
  • Größeres als Zeichen >
  • Et-Zeichen &

Wenn Sie diese Zeichen direkt in Ihren HTML-Code eingeben, sofern Sie sie nicht als Elemente im Code verwenden, geben Sie die Kodierung für sie ein, damit sie im lesbaren Text korrekt angezeigt werden:

  • weniger als Zeichen -<
  • Größer als Zeichen ->
  • Et-Zeichen &

Jedes Sonderzeichen beginnt mit einem Et-Zeichen - sogar das Sonderzeichen für Et-Zeichen beginnt mit diesem Zeichen. Sonderzeichen enden mit einem Semikolon. Fügen Sie zwischen diesen beiden Zeichen das hinzu, was für das Sonderzeichen, das Sie hinzufügen möchten, geeignet ist.Es ist (zum weniger als ) erstellt das Kleiner-als-Symbol, wenn es in HTML zwischen dem Et-Zeichen und dem Semikolon erscheint. Ähnlich, gt erstellt das Größer-als-Symbol und Ampere ergibt ein Et-Zeichen, wenn sie zwischen einem Et-Zeichen und einem Semikolon stehen.

Sonderzeichen, die Sie nicht eingeben können

Jedes Zeichen, das im Latin-1-Standardzeichensatz gerendert werden kann, kann in HTML dargestellt werden. Wenn es nicht auf Ihrer Tastatur angezeigt wird, verwenden Sie das kaufmännische Und-Symbol mit dem eindeutigen Code, der dem Zeichen gefolgt vom Semikolon zugewiesen wurde.

Beispielsweise ist der "Anzeigencode" für das Copyright-Symbol© und&Handel; ist der Code für das Markensymbol.

Dieser benutzerfreundliche Code ist leicht einzugeben und leicht zu merken, aber es gibt viele Zeichen, die keinen leicht zu merkenden benutzerfreundlichen Code enthalten.

Jedes Zeichen, das auf dem Bildschirm eingegeben werden kann, hat einen entsprechenden numerischen Dezimalcode. Sie können diesen numerischen Code verwenden, um ein beliebiges Zeichen anzuzeigen. Beispielsweise der numerische Dezimalcode für das Copyright-Symbol©- weist nach wie numerische Codes funktionieren Sie beginnen immer noch mit einem kaufmännischen Und-Zeichen und enden mit einem Semikolon. Anstelle von Begrüßungstext verwenden Sie das Nummernzeichen, gefolgt von einem eindeutigen Zahlencode für dieses Zeichen.

Die benutzerfreundlichen Codes sind leicht zu merken, die numerischen Codes sind jedoch oft zuverlässiger. Sites, die mit Datenbanken und XML erstellt wurden, verfügen möglicherweise nicht über alle definierten Codes, unterstützen jedoch die numerischen Codes.

Die numerischen Codes für Zeichen finden Sie am besten in Zeichensätzen, die Sie online finden können. Wenn Sie das gewünschte Symbol gefunden haben, kopieren Sie den numerischen Code und fügen Sie ihn in Ihren HTML-Code ein.

Einige Zeichensätze umfassen:

  • Währungscodes
  • Mathematische Codes
  • Interpunktionscodes
  • Aussprache-Codes
  • Diakritische Codes

Nicht-englische Zeichen

Sonderzeichen sind nicht auf die englische Sprache beschränkt. Sonderzeichen in nicht englischen Sprachen können in HTML ausgedrückt werden, einschließlich:

  • Spanisch
  • Französisch
  • griechisch
  • rumänisch

Was sind also Hexadezimalcodes?

Hexadezimalcode ist ein alternatives Format zum Anzeigen von Sonderzeichen im HTML-Code. Sie können die gewünschte Methode für Ihre Webseite verwenden. Sie suchen sie online in Zeichensätzen und verwenden sie auf dieselbe Weise, wie Sie benutzerfreundliche Codes oder numerische Codes verwenden.

Fügen Sie Ihrem Document Head die Unicode-Deklaration hinzu

Fügen Sie das folgende Meta-Tag an einer beliebigen Stelle im hinzu Ihrer Webseite, um sicherzustellen, dass Ihre Sonderzeichen korrekt angezeigt werden.

content = "text / html; charset = utf-8" />

Tipps

Egal welche Methode Sie verwenden, beachten Sie einige bewährte Methoden:

  • Beenden Sie Ihre Entität immer mit einem Semikolon. In einigen HTML-Editoren können Sie HTML-Codes ohne das abschließende Semikolon veröffentlichen. Ihre Seiten sind jedoch ungültig, und viele Webbrowser zeigen die Entitäten nicht korrekt an.
  • Beginnen Sie immer mit einem Et-Zeichen. Viele Web-Editoren lassen Sie den "Amp" weg. Wenn Sie jedoch ein kaufmännisches Und-Zeichen in XHTML anzeigen, führt dies zu einem Validierungsfehler.
  • Testen Sie Ihre Seiten in so vielen Browsern wie möglich. Wenn der Charakter für das Verständnis Ihres Dokuments entscheidend ist und Sie ihn nicht in den Browser- / Betriebssystemkombinationen testen können, die Ihre Kunden verwenden, sollten Sie einen anderen Weg finden, um es darzustellen. Bevor Sie jedoch auf Bilder oder etwas anderes zurückgreifen, probieren Sie eines der Browser-Test-Tools aus, mit denen Sie Ihren Code in mehreren Browsern überprüfen können.