Praktische Unicodezeichen
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 |
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]".
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
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 ⇒ .
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.
-
arbeitet seit längerem als Webdesigner und vor allem -entwickler. Er ist Webmaster von Webmasterpro.de und leitet den Flashcounter-Service.
-
graphic, motion & web design - kernreaktor - staportal - mukitu
-
David Danier arbeitet seit mehr als neun Jahren im Bereich Web Programmierung und ist unter anderem Geschäftsführer der Webagentur Team23 GbR, sowie Webmasterpro.de.
-
Jan Bruschkat ist am 01.01.1993 geboren. Er beschäftigt sich seit seinem 4. Lebensjahr mit Computern & seit dem 14. Lebensjahr auch intensiver mit der Hard- & Software, sowie dem Internet. Er hat Grundkenntnisse in HTML und sehr gute Deutschkenntnisse.
-
Hin und wieder erstelle ich im privaten Bereich kleine Webseiten bzw. setze ein/e CMS/Boardsoftware auf und konfiguriere sie.
Wie in HTML einbinden?
Hallo,
wie binde ich die Zeichen denn in HTML ein?
Re: Wie in HTML einbinden?
Steht inzwischen im Artikel, sind damit alle Fragen geklärt?
Re: Wie in HTML einbinden?
Ja, cool danke :)
Bzw. eine hätte ich noch ;) wie ist von denen denn der Code: ◄ ►?
Re: Wie in HTML einbinden?
Hmmm, bin ich selbst unsicher, das ist so ähnlich, ist es aber nicht:
http://www.decodeunicode.org/de/u+25b6
http://www.decodeunicode.org/de/u+25c0
Hex sollte aber sein:
►: E296BA
◄: E29784
Hab das auch mal oben eingetragen
Bei der Suche gefunden: Tags (finds witzig, aber nicht wirklich brauchbar)
Re: Wie in HTML einbinden?
j'aime le französischen Anführungszeichen. Können wir die nicht auch auf WMP einsetzen?
Re: Wie in HTML einbinden?
ohlala! Sie meinen wohl les französischen Anführüngsseischen: die Guillements.
Aber vorsischt, im Fransösischen werden die erstens mit Abstand gesetzt und zweitens Spitze nach außen - das wollen wir doch nich
Re: Wie in HTML einbinden?
Wo? Wozu?
Re: Wie in HTML einbinden?
Weil uns hier in Typo eingeprügelt wird durchgehend die französischen zu Nutzen, weil die am klarsten in Print und Screen sind und auch gestalterisch am ansprechendsten sind. Siehe:
http://www.designerinaction.de/
http://www.novumnet.de/world_of_novum/aktuell_im_magazin/