html - link - ¿Hay un personaje caret al revés?

html title attribute style

Question

Tengo que mantener una gran cantidad de páginas ASP clásicas, muchas de las cuales tienen datos tabulares sin ninguna capacidad de clasificación. Cualquier orden que el desarrollador original usó en la consulta de la base de datos es con lo que te quedas.

Quiero agregar algo de clasificación básica a un montón de estas páginas, y lo estoy haciendo todo del lado del cliente con javascript. Ya tengo el script básico hecho para ordenar una tabla dada en una columna dada en una dirección dada, y funciona bien siempre que la tabla esté limitada por ciertas convenciones que seguimos aquí.

Lo que quiero hacer para la interfaz de usuario es indicar la dirección de clasificación con el carácter de intercalación (^) y ... ¿qué? ¿Hay un personaje especial que sea el opuesto directo de un caret? La letra v no la cortará del todo. Alternativamente, ¿hay otro par de caracteres que pueda usar?

Answer 1

˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅

˅˅˅ Hǝɹǝ, s ɐ ɯɐʇɔɥᴉuƃ sǝʇ˙ ˅˅˅
˄˄˄ Aquí hay un conjunto a juego. ˄˄˄

˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄

"Tamaño real": ˅˄˅˄
_{(más información)}

Edición: Otra opción ...

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ _{^{Unicode # 8897 / U + 22C1 ( info )}}

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ _{^{Unicode # 8896 / U + 22C0 ( info )}}

"Tamaño real": ⋁⋀⋁⋀

Answer 2

¿Podría simplemente dibujar una ruta svg dentro de un tramo usando document.write? El intervalo no es necesario para que funcione el svg, solo garantiza que el svg permanezca en línea con cualquier texto al lado del quilate. Usé el margen inferior para centrarlo verticalmente con el texto, aunque podría haber otra forma de hacerlo. Esto es lo que hice en el navegador lateral de mi blog (menos los js). Si no tiene texto al lado, no necesitará el intervalo o el desplazamiento del margen inferior.

<div id="ID"></div>

<script type="text/javascript">
var x = document.getElementById(''ID'');

// your "margin-bottom" is the negative of 1/2 of the font size (in this example the font size is 16px)
// change the "stroke=" to whatever color your font is too
x.innerHTML = document.write = ''<span><svg style="margin-bottom: -8px; height: 30px; width: 25px;" viewBox="0,0,100,50"><path fill="transparent" stroke-width="4" stroke="black" d="M20 10 L50 40 L80 10"/></svg></span>'';
</script>

Answer 3

El ^ (Caret - o Ascii Circumflex), producido presionando shift + 6 , no parece tener un Ascii opuesto, es decir, un Ascii Inverted Circumflex.

Pero para su combinación de caracteres alternativos que también tienen combinaciones de teclado, puede usar:

ˆ (Circunflejo) shift + alt + i y
ˇ (Caron) shift + alt + t

Fuente: fileformat.info

Answer 4

Es posible que pueda usar los triángulos negros, los valores Unicode U + 25b2 y U + 25bc. O las flechas, U + 2191 y U + 2193.

Answer 5

Hay ▲: ▲ y ▼: ▼

Answer 6

Hice el subíndice capital y negrita V. Funciona perfectamente (aunque requiere un poco de esfuerzo, si es necesario hacerlo de manera repetitiva)

Sintaxis:

<sub><strong>v</strong></sub>

Salida:
_v

Answer 7

No hay un carácter caret al revés, pero puede rotar fácilmente el caret con CSS. Esta es una solución simple que se ve perfecta. Presione ''Ejecutar fragmento de código'' para verlo en acción:

.upsidedown {
transform:rotate(180deg); 
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
}
.upsidedown.caret {
display: inline-block; 
position:relative; 
bottom: 0.15em;
}

more items <span class="upsidedown caret">^</span>

Por favor, tenga en cuenta lo siguiente ...

• Hice una pequeña corrección para el posicionamiento del caret, ya que normalmente es alta (por lo tanto baja en la versión girada). Quieres moverlo un poco hacia arriba. Este ''pequeño'' es relativo al tamaño de fuente, por lo tanto, ''em''. Dependiendo de su elección de fuente, es posible que desee jugar con esto para que se vea bien.
• Esta solución no funciona en IE8. Deberías usar un filtro si quieres el soporte de IE8. El soporte de IE8 no es realmente requerido ni común en 2018.
• Si desea usar esto en combinación con Twitter Bootstrap, cambie el nombre de la clase ''caret'' a otra cosa, como ''caret_down'' (ya que choca con un nombre de clase de Twitter Bootstrap).

Answer 8

No olvide los caracteres ∧ (lógicos y) y ∨ (lógicos o), eso es lo que uso para indicar la dirección de clasificación: entidades HTML ∧ Y ∨ respectivamente.

Answer 9

Podría considerar usar Font Awesome en lugar de usar unicode u otros iconos

El código puede ser tan simple como (a) incluyendo fuente impresionante, por ejemplo, <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> (b) haciendo un botón como <button><i class="fa fa-arrow-down"></i></button>

Answer 10

Si necesita una fuente impresionante para React Apps, React Icons es un recurso muy bueno y muy fácil de implementar. Incluye muchas más bibliotecas que simplemente tipografías.

Answer 11

Siempre hay una "v" minúscula. Pero en serio, aparte de Unicode, todo lo que puedo encontrar sería &darr , que parece ↓.

Answer 12

Un circunflejo al revés se llama caron o háček.

Tiene una entidad HTML en la extensión TADS Latin-2 a HTML: ˇ y se ve así: ˇ que desafortunadamente no se muestra en el mismo tamaño / proporción que el ^ caret.

O puedes usar el unicode U+30C .

Answer 13

Una opción poderosa, y una que también aumenta la creatividad, es diseñar tus propios personajes utilizando personajes de dibujo en caja .

¿Quieres apuntar hacia abajo "caret"? Aquí hay uno: ╲╱

Recientemente los descubrí, y me complace enormemente usar tales personajes diseñados a medida para etiquetar las cosas por todas partes :).

Answer 14

Usaría un par de pequeñas imágenes. Se vería mejor también.

Alternativamente, puede probar la utilidad Mapa de caracteres que viene con Windows o intentar mirar here .

Otra solución que he visto es usar la fuente Wingdings para los símbolos. Eso tiene muchas flechas.

Answer 15

c # codigo

int i = 0;
char c = ''↑'';
i = (int)c;
Console.WriteLine(i); // prints 8593

int j = 0;
char d = ''↓'';
j = (int)d;
Console.WriteLine(j); // prints 8595