Einfügen von Pfeilsymbolen auf Ihrer Webseite

Lange bevor emojis die Messaging-Apps und -Eingänge von Leuten farbig markiert hat, haben Webentwickler spezielle Symbole in ihre Webseiten eingefügt, die im Unicode-UTF-8-Standard dargestellt werden. Um eines dieser Unicode-Symbole (z. B. Standardpfeilzeichen) einzufügen, muss ein Entwickler eine Webseite direkt bearbeiten, indem er den HTML-Code ändert, der die Seite darstellt.

Wenn Sie beispielsweise einen Blogbeitrag mit WordPress schreiben, müssen Sie in den Ordner wechseln Text Modus statt Visuell Modus, umschaltbar in der oberen rechten Ecke der Kompositionsbox, um Ihr spezielles Symbol einzufügen.

Einfügen von Pfeilsymbolen

Sie benötigen einen von drei Bezeichnern: den HTML5-Entitätscode, den Dezimalcode oder den Hexadezimalcode. Jeder der drei liefert das gleiche Ergebnis. Im Allgemeinen beginnen Entity-Codes mit einem Et-Zeichen und enden mit einem Semikolon und im mittleren Relay mit einer Abkürzung, die das Symbol darstellt. Dezimalcodes folgen dem Format kaufmännisches + + Hashtag + numerischer Code + Semikolon, während Hexadezimalcodes den Buchstaben X zwischen dem Hashtag und den Zahlen einfügen.

Zum Beispiel fügt ein Rechtspfeil (←) eine der folgenden Kombinationen in die Seite ein:

Ich werde ← anzeigen

Die meisten Unicode-Symbole tun dies nicht Entity-Code anbieten, müssen sie stattdessen mit dem Dezimal- oder Hexadezimalcode zugewiesen werden.

Diese Codes müssen mit einem Text-Bearbeitungswerkzeug oder einem Bearbeitungswerkzeug im Quellmodus direkt in den HTML-Code eingefügt werden. Das Hinzufügen der Symbole zu einem visuellen Editor funktioniert möglicherweise nicht, und das Einfügen des gewünschten Unicode-Zeichens in einen visuellen Editor führt möglicherweise nicht zu Ihrem beabsichtigten Effekt.

Gemeinsame Pfeilsymbole

Verwenden Sie die folgende Tabelle, um ein gewünschtes Symbol zu finden. Unicode unterstützt Dutzende verschiedener Arten und Stile von Pfeilen. Wenn Sie die Zeichentabelle auf Ihrem Windows-PC betrachten, können Sie bestimmte Pfeile erkennen. Wenn Sie ein Symbol markieren, wird am unteren Rand des Anwendungsfensters der Zeichentabelle häufig eine Beschreibung in Form von U + angezeigt nnnn , wobei die Zahlen den Dezimalcode für das Symbol darstellen.

Beachten Sie, dass nicht alle Windows-Schriftarten alle Formen der Unicode-Symbole anzeigen. Wenn Sie also selbst nach dem Ändern der Schriftarten in der Zeichentabelle nicht das Gewünschte finden, sollten Sie alternative Quellen wie die Zusammenfassungsseiten für W3Schools in Betracht ziehen.

Ausgewählte UTF-8-Pfeilsymbole

Charakter	Dezimal	Hexadezimal	Entität	Standardisierter Name
←	8592	2190	←	Pfeil nach links
↑	8593	2191	↑	Aufwärtspfeil
→	8594	2192	→	Pfeil nach rechts
↔	8595	2194	↔	Pfeil nach unten
↕	8597	2195		Pfeil nach oben
↻	8635	21BB		Kreispfeil im Uhrzeigersinn öffnen
⇈	8648	21C8		Aufwärts gepaarte Pfeile
⇾	8702	21FE		Pfeil nach rechts mit offenem Kopf
⇶	8694	21F6		Drei nach rechts gerichtete Pfeile
⇦	8678	21E6		Weißer Pfeil nach links
⇡	8673	21E1		Pfeil nach oben gestrichen
⇝	8669	21DD		Nach rechts gekrümmter Pfeil

Überlegungen

Microsoft Edge, Internet Explorer 11 und Firefox 35 oder neuere Browser haben keine Probleme, den gesamten Bereich der im UTF-8-Standard erfassten Unicode-Zeichen anzuzeigen. Google Chrome vermisst jedoch gelegentlich einige Zeichen, wenn diese ausschließlich mit dem HTML5-Entitätscode dargestellt werden.

UTF-8 dient laut Google als Standardcodierung für fast 90 Prozent aller Webseiten ab August 2017. Der UTF-8-Standard enthält Zeichen, die über Pfeile hinausgehen. UTF-8 unterstützt beispielsweise folgende Zeichen: