Herramientas HTML

Gratis Referencia rapida de entidades HTML

Busca y copia entidades HTML comunes: flechas, guiones, comillas y simbolos.

Cargando herramienta...

Qué es Referencia rapida de entidades HTML?

Las entidades HTML le permiten mostrar caracteres especiales que要么 tienen significado en el marcado HTML, como < y &, o caracteres que son difíciles de escribir directamente en un teclado, como guiones largos, símbolos de copyright y letras acentuadas. Los principiantes a menudo buscan estos símbolos por nombre o por apariencia visual. Esta referencia coloca las entidades HTML más utilizadas en una tabla categorizada con su nombre de entidad, código decimal y carácter renderizado, para que pueda encontrar y copiar la entidad que necesita sin salir de su editor de texto.

Respuesta rápida

Una referencia categorizada de entidades HTML comunes con nombres de entidad, códigos decimales y caracteres renderizados. Explore o busque en la tabla, luego haga clic en cualquier entidad para copiarla y pegarla en su HTML.

Last updated: 2026-06-11

Limitaciones

  • Esta es una lista de referencia estática de las entidades más comúnmente usadas. No incluye todas las entidades Unicode ni todas las referencias de caracteres nombrados definidos en la especificación HTML.
  • Algunas entidades HTML más nuevas agregadas en HTML5.2 y versiones posteriores pueden no aparecer en esta lista. Para una cobertura completa, consulte la referencia oficial de entidades HTML.
  • No se incluyen referencias numéricas decimales y hexadecimales. Esta referencia cubre solo entidades nombradas.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Cómo usar esta herramienta

  1. Explore la lista categorizada de entidades o escriba en el campo de búsqueda para filtrar por nombre o carácter.
  2. Haga clic en cualquier fila de entidad para copiar el nombre de la entidad, como —, a su portapapeles.
  3. Pegue la entidad en su HTML donde el carácter especial debe aparecer.
  4. Use la columna de vista previa del carácter para confirmar cómo se verá la entidad al renderizarse en un navegador.

Para qué puedes usarla

  • Encontrar el carácter de guión o comilla correcto para contenido web tipográficamente correcto.
  • Copiar el símbolo de copyright, registrado o marca comercial para el pie de página de una página.
  • Buscar entidades de flechas y matemáticas para documentación técnica y ejemplos de código.

Casos de uso

Ejemplos prácticos

Ejemplo

Aviso de copyright en el pie de página

Un pie de página muestra Copyright 2025 Ejemplo Corp. La entidad © renderiza el símbolo de copyright en el HTML sin necesidad de una codificación de caracteres especial.

Ejemplo

Guiones largos en texto de artículo

Una publicación de blog usa guiones largos para frases parentéticas. La entidad — inserta guiones largos adecuados que son más anchos que los guiones y visualmente distintos de los guiones cortos.

Errores comunes

  • Usar un guión donde un guión corto o largo es tipográficamente correcto, resultando en un formato de texto menos pulido.
  • Escribir símbolos < o > sin codificar en HTML que se interpretan como delimitadores de etiqueta y rompen el análisis de la página.
  • Olvidar que los nombres de entidades HTML distinguen entre mayúsculas y minúsculas, por lo que © funciona pero &Copy; no.

Verificación

  1. Después de pegar una entidad en su HTML, vea la página en un navegador y confirme que el carácter renderizado coincida con su expectativa.
  2. Valide su HTML con el Servicio de Validación de Marcado W3C para detectar nombres de entidad no reconocidos o mal escritos.

FAQ

Preguntas sobre Referencia rapida de entidades HTML

¿Cuál es la diferencia entre — y –?

— produce un guión largo (em-dash), que tiene el ancho de la letra m y se usa para pausas parentéticas. – produce un guión corto (en-dash), del ancho de la letra n, usado para rangos numéricos como 2010 a 2015.

¿Necesito entidades para páginas UTF-8?

Las páginas UTF-8 pueden mostrar la mayoría de los caracteres especiales directamente, pero las entidades HTML siguen siendo útiles para caracteres que tienen un significado reservado en HTML como < y &, o para caracteres que son más fáciles de escribir como entidades nombradas.

¿Los nombres de entidades distinguen entre mayúsculas y minúsculas?

Sí. Los nombres de entidades HTML distinguen entre mayúsculas y minúsculas. Por ejemplo, © produce el símbolo de copyright, pero &Copy; no funciona. Use siempre las mayúsculas exactas que se muestran en la referencia.

¿Cuándo debo usar entidades HTML en lugar de escribir caracteres Unicode directamente?

Use entidades HTML para caracteres que tienen un significado especial en HTML (menor que, mayor que, ampersand, comillas) porque escribirlos directamente puede romper la estructura HTML. Para otros caracteres especiales como ©, ® o —, puede escribir el carácter Unicode directamente en un documento UTF-8. Las entidades son útiles cuando el carácter es difícil de escribir en un teclado, difícil de distinguir en el código, o cuando la codificación del archivo fuente podría no conservarlo de manera confiable.

Herramientas relacionadas

Más herramientas html

Prueba también

Prueba también