HTML codes de caractère pour cette ▲ ou cette ▼

Quelles sont les entités HTML codes de caractère pour cette flèche vers le haut (▲) et sa face vers le bas chien version (▼) ?

J'ai été à l'aide de GIFs pour représenter ces flèches car je ne connais pas leurs codes.

  • Ne pas identifier cette ASCII, s'il vous plaît. Ces caractères sont question en dehors de l'ASCII-gamme. Unicode peut-être plus approprié.
  • ce lien devrait vous donner tout ce dont vous avez besoin.
  • Si cette autre question a été fermé, donc si ce un.
InformationsquelleAutor Ram | 2011-05-18
  1. 57

    J'ai l'habitude d'utiliser l'excellent Gucharmap pour rechercher des caractères Unicode. Il est installé sur toutes les dernières installations de Linux avec Gnome sous le nom de "table des Caractères". Je ne sais pas du tout équivalent outils pour Windows ou Mac OS X, mais sa page d'accueil répertorie quelques.

    • +1 pour m'alertant "table de Caractères". Ce qu'est une pratique peu d'utilité.
    InformationsquelleAutor Joachim Sauer
  2. 53

    Les Grands et les petits triangles noirs face à l'4 directions peut être représenté ainsi:

    ▲ ▲

    ▴ ▴

    ▶ ▶

    ▸ ▸

    ► ►

    ▼ ▼

    ▾ ▾

    ◀ ◀

    ◂ ◂

    ◄ ◄

    • Remarque: ▶ et ◀ apparaissent comme des boîtes bleues avec des flèches blanches à Bord, et ne peut pas être stylisée. Ils apparaissent normalement dans tous les autres navigateurs.
    • Aussi, l'autre gauche/droite pointeurs ► et ◄ ne s'affichent pas correctement à l'intérieur de boutons pour IE et edge. J'ai eu recours à l'aide de ⮜ et ⮞
    InformationsquelleAutor Erich Horn
  3. 15

    Il y a plusieurs façons correctes pour afficher une vers le bas, vers le haut et pointant vers le triangle.

    Méthode 1 : utilisation de la virgule en entité HTML

    HTML :

    ▲
▼

    Méthode 2 : utiliser hexadécimal HTML entité

    HTML :

    ▲
▼

    Méthode 3 : utilisation de caractères directement

    HTML :

    ▲
▼

    Méthode 4 : utiliser les CSS

    HTML :

    <span class='icon-up'></span>
<span class='icon-down'></span>

    CSS :

    .icon-up:before {
    content: "B2";
}

.icon-down:before {
    content: "BC";
}

    Chacun de ces trois méthodes ont la même sortie. Pour les autres symboles, de même il existe trois options. Certaines ont même une quatrième option, vous permettant d'utiliser une chaîne de caractères en fonction de référence (par exemple. &hearts; pour afficher ♥).

    Vous pouvez utiliser un site de référence comme Unicode-table.com pour trouver les icônes qui sont pris en charge UNICODE et les codes qu'ils correspondent avec. Par exemple, vous trouverez les valeurs pour le triangle pointant à http://unicode-table.com/en/25BC/.

    Noter que ces méthodes sont suffisamment uniquement pour les icônes qui sont disponibles par défaut dans tous les navigateurs. Pour les symboles comme ☃,❄,★,☂,☭,⎗ ou ⎘, c'est beaucoup moins susceptible d'être le cas. Alors qu'il est possible, afin d'offrir une prise en charge du navigateur pour les autres symboles UNICODE, la procédure est un peu plus compliqué.

    Si vous voulez savoir comment ajouter un support pour le moins commun des caractères UNICODE, voir Créer webfont avec Unicode Supplémentaire du Plan Multilingue de symboles pour plus d'informations sur la façon de le faire.

    Images d'arrière-plan

    Une stratégie complètement différente est l'utilisation de l'arrière-plan des images au lieu de polices. Pour des performances optimales, il est préférable d'insérer l'image dans votre fichier CSS de base de codage, comme mentionné par eg. @weasel5i2 et @Obsidienne. Je recommande l'utilisation de SVG plutôt que le GIF, cependant, est que c'est mieux à la fois pour la performance et pour la netteté de vos symboles.

    Le code suivant est le base64 pour et version SVG de la HTML codes de caractère pour cette ▲ ou cette ▼ icône :

    /* size: 0.9kb */
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxNiAyOCI+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggZD0iTTE2IDE3cTAgMC40MDYtMC4yOTcgMC43MDNsLTcgN3EtMC4yOTcgMC4yOTctMC43MDMgMC4yOTd0LTAuNzAzLTAuMjk3bC03LTdxLTAuMjk3LTAuMjk3LTAuMjk3LTAuNzAzdDAuMjk3LTAuNzAzIDAuNzAzLTAuMjk3aDE0cTAuNDA2IDAgMC43MDMgMC4yOTd0MC4yOTcgMC43MDN6TTE2IDExcTAgMC40MDYtMC4yOTcgMC43MDN0LTAuNzAzIDAuMjk3aC0xNHEtMC40MDYgMC0wLjcwMy0wLjI5N3QtMC4yOTctMC43MDMgMC4yOTctMC43MDNsNy03cTAuMjk3LTAuMjk3IDAuNzAzLTAuMjk3dDAuNzAzIDAuMjk3bDcgN3EwLjI5NyAwLjI5NyAwLjI5NyAwLjcwM3oiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD48L3N2Zz4=

    Quand utiliser l'arrière-plan des images ou des polices

    Pour de nombreux cas d'utilisation, SVG basée sur les images de fond et l'icône polices sont largement équivalentes en ce qui concerne les performances et la flexibilité. Pour décider laquelle choisir, examiner les différences suivantes:

    Images SVG

    • Ils peuvent avoir plusieurs couleurs
    • Ils peuvent intégrer leur propre CSS et/ou refaites par le document HTML
    • Ils peuvent être chargé comme un autre fichier, intégré dans le CSS ET intégré dans le HTML
    • Chaque symbole est représenté par le code XML ou base64 code. Vous ne pouvez pas utiliser le caractère directement dans votre éditeur de code ou de l'utilisation d'une entité HTML
    • Usages multiples de la même symbole implique la duplication du symbole de code XML est incorporé dans le code HTML. La Duplication n'est pas nécessaire lors de l'incorporation de le fichier dans le CSS ou charger un autre fichier
    • Vous ne pouvez pas utiliser color, font-size, line-height, background-color ou d'autres polices liées à des règles de style pour modifier l'affichage de l'icône, mais vous pouvez référencer les différents composants de l'icône comme des formes individuellement.
    • Vous devez avoir quelques connaissances de SVG et/ou de l'encodage base64
    • Peu ou pas de soutien dans les anciennes versions d'IE

    Icône polices

    • Une icône pouvez avoir, mais de l'un couleur de fond, une couleur de fond, etc.
    • Une icône peut être incorporé dans le CSS ou le HTML. En HTML, vous pouvez utiliser le caractère directement ou utiliser une entité HTML pour la représenter.
    • Certains symboles peuvent être affichés sans l'utilisation d'une webfont. La plupart des symboles ne peut pas.
    • Usages multiples de la même symbole implique la duplication du symbole lorsque votre personnage intégré dans le HTML. La Duplication n'est pas nécessaire lors de l'incorporation de le fichier dans le CSS.
    • Vous pouvez utiliser color, font-size, line-height, background-color ou d'autres polices liées à des règles de style pour modifier l'affichage de votre icône
    • Vous avez besoin d'aucune connaissance technique particulière n'
    • De soutien dans tous les principaux navigateurs, y compris les anciennes versions d'IE

    Personnellement, je recommande l'utilisation d'arrière-images uniquement lorsque vous avez besoin de plusieurs couleurs et de ceux de la couleur ne peut pas être atteint par des moyens de color, background-color et d'autres couleurs liées à des règles CSS pour les polices de caractères.

    Le principal avantage de l'utilisation des images SVG est que vous pouvez donner différents composants d'un symbole de leur propre style. Si vous incorporez votre SVG code XML dans le document HTML, c'est très similaire au style du HTML. Ce serait, cependant, le résultat dans une page web qui utilise à la fois des balises HTML et les balises SVG, ce qui pourrait réduire considérablement la lisibilité d'une page web. Il ajoute également extra ballonnement si le symbole est répété sur plusieurs pages et que vous avez besoin à considérer que les anciennes versions d'IE ont pas ou peu de soutien pour le format SVG.

    • C'est de manière plus approfondie que l'on a accepté la réponse! Bien fait!
    InformationsquelleAutor John Slegers
  4. 9

    Vous n'avez pas besoin d'utiliser des codes de caractères; il suffit d'utiliser l'UTF-8 et les mettre dans littéralement; de la sorte:

    ▲▼

    Si vous devez absolument utiliser les entités, ils sont &#x25b2; et &#x25bc;, respectivement.

    InformationsquelleAutor Williham Totland
  5. 4

    &#9650; est l'Unicode noir pointant vers le triangle ( ▲ ), tandis que &#9660; est le noir vers le bas, vers le triangle (▼).

    Vous pouvez simplement brancher les personnages (copié à partir du web) dans ce site pour une recherche.

    InformationsquelleAutor paxdiablo
  6. 1

    Consulter cette page http://www.alanwood.net/unicode/geometric_shapes.html, c'est d'abord "9650 ▲ 25B2 NOIR POINTANT vers le TRIANGLE (présent dans WGL4)" et le 2ème "9660 ▼ 25BC NOIR vers le BAS, vers le TRIANGLE (présent dans WGL4)".

    InformationsquelleAutor Karel Frajták