Praktische Unicodezeichen

1 | 51319 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "Praktische Unicodezeichen" mit Ihrem Wissen!

Anzeige Hier werben

Hier stellen wir eine Liste von interessanten Unicodezeichen vor, die zur Gestaltung von Webseiten verwendet werden können, soweit sie in der gewählten Schriftart vorkommen.

Es kann passieren, dass nicht alle hier aufgelisteten Zeichen angezeigt werden. Das liegt daran, dass viele Schriftarten nur eine kleine Untermenge der Unicode-Zeichen enthalten. Normalerweise sollte dann das Zeichen in der nächsten im CSS angegebenen Schriftart gesucht werden, was im Internet Explorer aber leider nicht funktioniert.

Pfeile

Name/Anmerkung
Dezimal
Hex
◄ ►
25C4, 25BA
▼ ▲


← ↑ ↓ → Pfeil links/oben/unten/rechts
2190, 2191, 2193, 2192
↔ ↕ Pfeil links und rechts/oben und unten
2194, 8597
↗ ⇗ Praktisch um externe Links zu markieren
8599, 8663 2197, 21D7
Doppelpfeil mit zwei Spitzen
8660

⇐ ⇒ Doppelpfeil links/rechts 8658, 8656

⇑⇓ Doppelpfeil oben/unten 8659, 8657
Dicker Pfeil nach Rechts
10132 2794
3d-Pfeil rechts
10146 27A2
Pfeil im Kreis
10162 27B2

10168 27B8


10136 2798

10137 2799

10138 279A

mehr Pfeile

Anführungszeichen

Name/Anmerkung Dezimal
Hex
„ “
Anführungszeichen unten und oben
201E und 201C
‚ ‘ halbe Anführungszeichen unten und oben
201A und 2018
» « französische Anführungszeichen 00BB und 00AB
› ‹ halbe französische Anführungszeichen 203A und 2039
“ ” Anführungszeichen oben 201C und 201D
‘ ’ halbe Anführungszeichen oben 2018 und 2019

Andere

Name
Dezimal
Hex
© Copyrightzeichen
00A9
Gedankenstrich
8211 2013
Auslassungspunkte 8230
2026
✓✔ Häkchen 10003, 10004
2713, 2714
✗ ✘ Kreuz
10007, 10008
2717, 2718
Herz


♫ ♪ Note


Schere, Symbol für "Hier abschneiden"


☺☻☼ Smileys & Sonne


♀ ♂ Männlich/Weiblich Zeichen


Aufzählungszeichen / Verzierungen

Name
Dezimal
Hex
Aufzählunszeichen 8226
■ □ ▪ ▫ ◘ Kästen klein/groß
●○ ◦ Punkte
Sonne
Schneeflocke
10052 2744
✫ ✬ ✭ ✮ ✯ ✰
fünfzackige Sternchen
10027, 10028, 10029, 10030, 10031, 10032 272B, 272C, 272D, 272E, 272F, 2730
✿ ❁
Blümchen
10047,10049 273F,2741

mehr Unicode Dingbats, Dingbats

Verwendung

HTML

&#[Dezimal]; oder &#x[Hex];, also beispielsweise: ⇗ ist . Benutzt man als Zeichensatz UTF-8, kann das Unicode-Zeichen natürlich direkt in die HTML-Datei eingefügt werden.

CSS

Hier können die Zeichen über die content-Eigenschaft eingebunden werden: content: "\[Hex]".

Externe Links verzieren  
css
1
2
3
4
a[href^="http://"]:after, 
a[href^="https://"]:after { 
    content: "\00A0\2197"; 
}

Javascript

Unicodezechen können hier mit \u[Hex] in Strings eingebunden werden.

Unicodezeichen online finden

Bild zu Praktische Unicodezeichen
Suche nach Punktsymbolen im HTML Entity Character Lookup

Ein passendes Unicodezeichen zu finden ist oft mit großem Aufwand verbunden, da dazu meist Tabellen durchforstet werden müssen. Ein Online-Werkzeug, dass diese Aufgabe vereinfacht ist HTML Entity Character Lookup: Hier kann ein "normales" Zeichen eingegeben werden und man bekommt sofort automatisch ähnliche Unicode Zeichen dazu. Zum Beispiel liefert die Eingabe -> die Zeichen und .


Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 5 Personen an der Seite "Praktische Unicodezeichen" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "Praktische Unicodezeichen" hier bearbeiten.

Mitarbeiter