So verwenden Sie Sonderzeichen in HTML

Die Webseiten, die Sie online besuchen, werden erstellt mit HTML Code, der Webbrowsern mitteilt, was der Inhalt der Seite ist und wie er für die Betrachter visuell dargestellt wird. Der Code enthält Anweisungsbausteine, sogenannte Elemente, die der Webseitenbetrachter nie sieht. Der Code enthält auch normale Textzeichen, wie sie in Überschriften und Absätzen für den Betrachter zum Lesen bestimmt sind.

Die Rolle von Sonderzeichen in HTML

Wenn Sie HTML verwenden und den anzuzeigenden Text eingeben, benötigen Sie normalerweise keine speziellen Codes – Sie verwenden nur Ihre Computertastatur, um die entsprechenden Buchstaben oder Zeichen hinzuzufügen. Ein Problem tritt auf, wenn Sie ein Zeichen in den lesbaren Text eingeben möchten, den HTML als Teil des Codes selbst verwendet. Zu diesen Charakteren gehören die < und > Zeichen, die im Code zum Starten und Beenden jedes HTML-Tags verwendet werden. Möglicherweise möchten Sie auch Zeichen in den Text einfügen, die kein direktes Analogon auf der Tastatur haben, wie z

watch instagram stories
© und Ñ. Für Zeichen, die keine Taste auf Ihrer Tastatur haben, geben Sie einen Code ein.

Spezielle Charaktere.
CSA Images / Getty Images

Sonderzeichen sind bestimmte Teile von HTML-Code, die entwickelt wurden, um Zeichen anzuzeigen, die in. verwendet werden den HTML-Code oder um Zeichen, die nicht auf der Tastatur zu finden sind, in den Text einzubeziehen der Betrachter sieht. HTML rendert diese Sonderzeichen entweder mit numerischer oder Zeichenkodierung, damit sie in ein HTML-Dokument, vom Browser gelesen und für die Besucher Ihrer Website richtig angezeigt.

Es gibt drei Zeichen im Kern der Syntax des HTML-Codes. Sie sollten sie niemals in den lesbaren Teilen Ihrer Webseite verwenden, ohne sie vorher für eine ordnungsgemäße Anzeige zu kodieren. Sie sind die Größer-als-, Kleiner-als- und das kaufmännische Und-Zeichen. Mit anderen Worten, Sie sollten niemals das Kleiner-als-Symbol verwenden < in Ihrem HTML-Code, es sei denn, es ist der Anfang eines HTML-Tag. Wenn Sie dies tun, verwirrt das Zeichen die Browser und Ihre Seiten werden möglicherweise nicht wie erwartet gerendert. Die drei Zeichen, die Sie niemals unverschlüsselt hinzufügen sollten, sind:

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

Wenn Sie diese Zeichen direkt in Ihren HTML-Code eingeben – es sei denn, Sie verwenden sie als Elemente im Code – geben Sie die Codierung für sie ein, damit sie im lesbaren Text korrekt angezeigt werden:

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

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

Sonderzeichen, die Sie nicht eingeben können

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

Zum Beispiel der "freundliche Code" für die Copyrightzeichen ist © und ™ ist der Code für das Markensymbol.

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

Jedes Zeichen, das auf dem Bildschirm eingegeben werden kann, hat einen entsprechenden dezimalen Zahlencode. Sie können diesen numerischen Code verwenden, um jedes beliebige Zeichen anzuzeigen. Zum Beispiel der dezimale Zahlencode für das Copyright-Symbol — © — demonstrieren, dass numerische Codes funktionieren. Sie beginnen immer noch mit einem kaufmännischen Und und enden mit einem Semikolon, aber anstelle von freundlichem Text verwenden Sie das Nummernzeichen gefolgt von einem eindeutigen Zahlencode für dieses Zeichen.

Die freundlichen Codes sind leicht zu merken, aber die numerischen Codes sind oft zuverlässiger. Sites, die mit Datenbanken erstellt wurden und XML möglicherweise nicht alle Anzeigecodes definiert, aber sie unterstützen die numerischen Codes.

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

Einige Zeichensätze umfassen:

  • Währungscodes
  • Mathematische Codes
  • Satzzeichen
  • Aussprachecodes
  • Diakritische Codes

Nicht-englischsprachige 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 in HTML-Code. Sie können eine beliebige Methode für Ihre Webseite verwenden. Sie schlagen sie online in Zeichensätzen nach und verwenden sie auf die gleiche Weise wie benutzerfreundliche Codes oder numerische Codes.

Fügen Sie Ihrem Dokumentkopf die Unicode-Deklaration hinzu

Fügen Sie das folgende Meta-Tag an einer beliebigen Stelle innerhalb der.

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

Tipps

Unabhängig davon, welche Methode Sie verwenden, sollten Sie einige Best Practices beachten:

Beenden Sie Ihre Entität immer mit einem Semikolon

Einige HTML-Editoren ermöglichen es Ihnen, HTML-Codes ohne das abschließende Semikolon zu posten, aber Ihre Seiten sind ungültig und viele Webbrowser zeigen die Entitäten ohne dieses nicht korrekt an.

Beginnen Sie immer mit einem kaufmännischen Und-Zeichen

Bei vielen Web-Editoren können Sie das "Amp" weglassen. aber wenn du ein kaufmännisches Und allein in XHTML, es verursacht einen Validierungsfehler.

Testen Sie Ihre Seiten in so vielen Browsern wie möglich

Wenn das Zeichen für das Verständnis Ihres Dokuments entscheidend ist und Sie es nicht in den Browser-Betriebssystem-Kombinationen Ihrer Kunden testen können, sollten Sie eine andere Möglichkeit finden, es darzustellen. Bevor Sie jedoch auf Bilder oder etwas anderes zurückgreifen, probieren Sie eines der Browser-Testtools aus, die Ihren Code in mehreren Browsern validieren können.

instagram story viewer