Entidad HTML para el punto medio


192

Estoy buscando el código html para el punto. No es el punto que está al final de las oraciones, sino el punto que se usa para separar elementos horizontalmente.

Item 1 . Item 2 . Item 3

El punto tradicional se centra en la parte inferior de la línea, mientras que el punto que busco se centra en el medio.


3
Desplácese hacia abajo a esto .
nieve

Respuestas:



317

En realidad, hay seis variantes de esto:

    descripción de caracteres unicode html html entity utf-8

    · Punto medio U + 00B7 & # 183; & middot; C2 B7
    • Bullet U + 2022 & # 8226; &toro; E2 80 A2
    ‧ Punto de separación con guiones U + 2027 & # 8321; E2 80 A7
    ∙ Operador de balas U + 2219 & # 8729; E2 88 99
    ● Círculo negro U + 25CF & # 9679; E2 97 8F
    ⬤ Círculo grande negro U + 2B24 & # 11044; E2 AC A4

Dependiendo de su aplicación de visualización o fuente, el Operador Bullet puede parecer muy similar al Middle Dot o al Bullet.


1
En una nota al margen, el estándar list-style: disc(y text-security: discutilizado para los campos de contraseña) parece ser la viñeta •.
Shaun Cockerill

¿podemos cambiar el color de este punto?
Satya

1
@Satya, son solo mensajes de texto. Color de distancia.
Isherwood

Gracias por el detalle completo! Exactamente lo que necesitaba saber.
Xonatron

136

¿Te refieres a viñetas? • • •

•

1
Curioso, ¿cómo es esto diferente al punto medio?
Xonatron

8
@Xonatron El punto medio es mucho más pequeño.
PinkTurtle


25

El carácter semánticamente correcto es el Interpunct , también conocido como punto medio , como entidad HTML

·

Ejemplo

Inicio · Fotos · Acerca de


También puede usar el carácter de viñeta, como entidad HTML

•

Ejemplo

Inicio • Fotos • Acerca de



0

Esto se puede hacer fácilmente usando ·. Puede colorear o cambiar el tamaño del punto de acuerdo con las etiquetas con las que lo envuelve. Por ejemplo, intente ejecutar esto

<h2> I &middot; love &middot; Coding </h2>
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.