¿Qué caracteres se pueden usar para el triángulo arriba / abajo (flecha sin vástago) para mostrar en HTML?



8 Answers

Para entidades HTML
◄ = ◄
► = ►
▼ = ▼
▲ = ▲

html unicode icons ascii symbols

Estoy buscando un carácter HTML o ASCII que sea un triángulo que apunte hacia arriba o hacia abajo para poder usarlo como un interruptor de palanca.

Encontré ↑ ( ↑ ) y ↓ ( ↓ ) - pero esos tienen un tallo estrecho. Estoy buscando sólo la flecha HTML "cabeza".




Lo siento pero solo están en Unicode. :(

Grandes:

  • U+25B2 (Triángulo negro hacia arriba ▲)
  • U+25BC (Triángulo negro hacia abajo ▼)
  • U+25C0 (Triángulo negro a la izquierda ◀)
  • U+25B6 (Triángulo negro hacia la derecha ▶)

Grandes blancos:

  • U+25B3 (Triángulo blanco apuntando hacia arriba △)
  • U+25BD (Triángulo blanco apuntando hacia abajo ▽)
  • U+25C1 (Triángulo blanco a la izquierda ◁)
  • U+25B7 (Triángulo blanco hacia la derecha ▷)

También hay algunos triángulos más pequeños:

  • U+25B4 (Triángulo negro apuntando hacia arriba ▴)
  • U+25C2 (Triángulo negro apuntando hacia la izquierda ◂)
  • U+25BE (Triángulo negro apuntando hacia abajo ▾)
  • U+25B8 (Triángulo negro apuntando hacia la derecha ▸)

También algunos blancos:

  • U+25C3 (Triángulo pequeño blanco que señala a la izquierda ◃)
  • U+25BF (Triángulo pequeño blanco apuntando hacia abajo ▿)
  • U+25B9 (Triángulo pequeño blanco apuntando hacia la derecha ▹)
  • U+25B5 (Triángulo pequeño blanco apuntando hacia arriba ▵)

También hay algunos triángulos "puntiagudos". Puedes leer más aquí en Wikipedia:
http://en.wikipedia.org/wiki/Geometric_Shapes

Pero, desafortunadamente, todos son Unicode en lugar de ASCII. Si aún desea usar ASCII, entonces puede usar un archivo de imagen para uso exclusivo ^y v. ( Al igual que los mapas de Google en la versión móvil, esto se refería a los antiguos mapas móviles de Google).

Como otros también sugirieron, también puede crear triángulos con HTML, ya sea con bordes CSS o formas SVG o incluso lienzos de JavaScript.

CSS

div{
    width: 0px;
    height: 0px;
    border-top: 10px solid black;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: none;
}

SVG

<svg width="16" height="10">
    <polygon points="0,0 16,0 8,10"/>
</svg>

JavaScript

var ctx = document.querySelector("canvas").getContext("2d");

// do not use with() outside of this demo!
with(ctx){
    beginPath();
    moveTo(0,0);
    lineTo(16,0);
    lineTo(8,10);
    fill();
    endPath();
}

Demo




¿Qué hay de estos personajes Unicode?

˄ ˅

&#x2C4;y &#x2C5;respectivamente.




"No ASCII (ninguna de las ↑ / ↓)" necesita calificación.

Si bien estos caracteres no están definidos en el Código Estándar Americano para el Intercambio de Información como glifos, sus códigos se usaron comúnmente para dar una presentación gráfica para los códigos ASCII 24 y 25 (hex 18 y 19, CANcel y EM: ​​End of Medium). La página de códigos 437 (llamada ASCII extendido por IBM, incluye los códigos numéricos 128 a 255) definió el uso de estos glifos como códigos ASCII y la ubicuidad de estas convenciones impregnó la industria como se ve en su implementación como estándares por parte de compañías líderes como HP. particularmente para impresoras, e IBM, particularmente para microcomputadoras que comienzan con la PC original.

Así como el uso de los códigos ASCII para CAN y EM fue relativamente obsoleto en ese momento, justificando su uso como glifos, así también el uso del tiempo de los códigos como glifos se volvió obsoleto por el uso actual de las convenciones de UNICODE.

Se debe enfatizar que las extensiones a ASCII hechas por IBM en ASCII extendido, incluyeron no solo un conjunto numérico mayor para los códigos numéricos 128 a 255, sino que también extendieron el uso de algunos códigos de control numéricos, en el rango ASCII 0 a 32, desde Sólo los protocolos de control de transmisión de medios para incluir glifos. A menudo se supone, incorrectamente, que los primeros 0 a 128 no fueron "extendidos" y que IBM estaba usando los glifos de ASCII convencional para este rango. Este error también se comete en una de las referencias anteriores. Este error se hizo tan generalizado que redefinió coloquialmente el ASCII de manera subliminal.




Entidades HTML para triángulos vacíos
◁ = &#9665;
▷ = &#9655;
▽ = &#9661;
△ =&#9651;




▲ ▼ Estos son U + 25B2 ( &#x25B2) y U + 25BC ( &#x25BC) respectivamente




Por lo general, lo mejor es ver un personaje en su contexto.

Aquí está la lista completa de los caracteres Unicode , y cómo su navegador los muestra actualmente. Estoy viendo esta lista evolucionando, versiones de navegador después de otras.

Esta lista se obtiene por iteración en decimal de la tabla unicode de entidades html, puede tardar algunos segundos, pero es muy útil para mí en muchos casos.

var i = 0
    do document.write("<a title='(Linux|Hex): [CTRL+SHIFT]+u"+(i).toString(16)+"\nHtml entity: &# "+i+";\n&#x"+(i).toString(16)+";\n(Win|Dec): [ALT]+"+i+"' onmouseover='this.focus()' onclick='this.href=\"//google.com/?q=\"+this.innerHTML' style='cursor:pointer' target='new'>"+"&#"+i+";</a>"),i++
    while (i<136690)
window.stop() 


//  From https://codepen.io/Nico_KraZhtest/pen/mWzXqy 

El mismo fragmento de un bookmarklet:

javascript:void%20!function(){var%20t=0;do{document.write(%22%3Ca%20title='(Linux|Hex):%20[CTRL+SHIFT]+u%22+t.toString(16)+%22\nHtml%20entity:%20%26%23%20%22+t+%22;\n%26%23x%22+t.toString(16)+%22;\n(Win|Dec):%20[ALT]+%22+t+%22'%20onmouseover='this.focus()'%20onclick='this.href=\%22https://google.com/%3Fq=\%22+this.innerHTML'%20style='cursor:pointer'%20target='new'%3E%26%23%22+t+%22;%3C/a%3E%22),t++}while(t%3C136690);window.stop()}();

Aquí hay un extracto de texto sin formato, de flechas, algunas vienen con unicode 10.0 . http://unicode.org/versions/Unicode10.0.0/

Unicode 10.0 agrega 8,518 caracteres, para un total de 136,690 caracteres.

🔙🔚🔛🔜🔝🖗🖘🖙🖚🖛🖜🖝🖞🖟🞀🞁🞂🞃🔺🔻🔼🔽𝆒𝆓𐃘⭝⭞⭟⭠⭡⭢⭣⭤⭥⭦⭧⭨⭩⭪⭫⭬⭭⭮⭯⭰⭱⭲⭳⭶⭷ ⭸⭹⭺⭻⭼⭽⭾⭿⮀⮁⮂⮃⮄⮅⮆⮇⮈⮉⮊⮋⮌⮍⮎⮏⮐⮑⮒⮓⮔⮕⮘⮙⮚⮛⮜⮝⮞⮟⮠⮡⮢⮣⮤⮥⮦⮧⮨⮩⮪⮫ ⮬⮭⮮⮯⮰⮱⮲⮳⮴⮵⮶⮷⮸⮹⮽⮾⮿⯀⯁⯂⯅⯆⯇⯈⬶⬷⬸⬹⬺⬻⬼⬽⬾⬀⬁⬂⬃⬄⬅⬆⬇⬈⬉⬊⬋⬌⬍⬎⬏⬐ ⬑⤀⤁⤂⤃⤄⤅⤆⤇⤈⤉⤊⤋⤌⤍⤎⤏⤐⤑⤒⤓⤔⤕⤖⤗⤘⤙⤚⤛⤜⤝⤞⤟⤠⤡⤢⤣⤤⤥⤦⤧⤨⤩⤪⤫⤬⤭⤮⤯⤰ ⤱⤲⤳⤴⤵⤶⤷⤸⤹⤺⤻⤼⤽⤾⤿⥀⥁⥂⥃⥄⥅⥆⥇⥈⥉⥊⥋⥌⥍⥎⥏⥐⥑⥒⥓⥔⥕⥖⥗⥘⥙⥚⥛⥜⥝⥞⥟⥠⥡⥢ ⥣⥤⥥⥦⥧⥨⥩⥪⥫⥬⥭⥮⥯⥰⥱⥲⥳⥴⥵⟨⟩⟪⟫⟬⟭⟮⟯⟰⟱⟲⟳⟴⟵⟶⟷⟸⟹⟺⟻⟼⟽⟾⟿➘➙➚➛➜➝➞ ➟➠➡➢➣➤➥➦➧➨➩➪➫➬➭➮➯➰➱➲➳➴➵➶➷ ➸➹➺➻➼➽➾⊲⊳⊴⊵ ← ↑ → ↓ ↔↕↖↗↘↙↚↛↜↝↞↟↠↡↢↣↤↥↦↧↨↩↪↫↬↭↮↯↰↱↲↳↴↵↶ ↷↸↹↺↻↼↽↾↿⇀⇁⇂⇃⇄⇅⇆⇇⇈⇉⇊⇋⇌⇍⇎⇏⇐⇑⇒⇓⇔⇕⇖⇗⇘⇙⇚⇛⇜⇝⇞⇟⇠⇡⇢⇣⇤⇥⇦⇧⇨ ⇩⇪⇫⇬⇭⇮⇯⇰⇱⇲⇳⇴⇵⇶⇷⇸⇹⇺⇻⇼⇽⇾⇿ᐂᐃᐄ 🠚🠛🠜🠝🠞🠟🠠🠡🠢🠣🠤🠥🠦🠧🠨🠩🠪🠫🠬🠭🠮🠯🠰🠱🠲🠳🠴🠵🠶🠷🠸🠹🠺🠻🠼🠽🠾🠿🡀🡁🡂🡃🡄🡅🡆🡇🡐🡑🡒🡓 🡔🡕🡖🡗🡘🡙🡠🡡🡢🡣🡤🡥🡦🡧🡨🡩🡪🡫🡬🡭🡮🡯🡰🡱🡲🡳🡴🡵🡶🡷🡸🡹🡺🡻🡼🡽🡾🡿🢀 🢂🢃🢄🢅🢆🢇🢐🢑🢒🢓🢔🢕🢖🢗🢘🢙🢚🢛🢜🢝🢞🢟🢠🢡🢢🢣🢤🢥🢦🢧🢨🢩🢪🢫




Yo uso ▼ y ▲, pero puede que no funcionen para ti. Yo uso alt 11551 para el primero y 11550 para el segundo. Siempre puede copiarlos y pegarlos si el ascii no es el mismo para su sistema.




Related