Qué son y cómo usar las ENTIDADES en HTML

Logo de Cuarzo.dev
Cuarzo.dev

Recibe cada lunes y jueves un correo para ayudarte a impulsar tus habilidades de programación. Ofreciéndote consejos, tutoriales, recursos gratuitos, noticias relevantes y una comunidad comprometida. También tenemos memes 😏

Suscríbete Gratis

Si tienes alguna duda con el curso o te quedas en algún punto donde no sepas avanzar te puedes unir gratis a nuestra comunidad de discord y preguntar tus dudas, que la comunidad estará encantada de ayudarte.

Únete al discord

Entidades

  • Caracteres reservados en HTML deben ser reemplazados por entidades.
  • Los caracteres que no están en el teclado también son remplazados por caracteres.
  • Algunos caracteres están reservados en HTML.
  • Si usas el menor que < , o el mayor que > el navegador quizás se lie con las etiquetas.

&entity_name;

&#entity_number;

Ejemplo de < &lt; o &#60;

Ventaja de usar el “entity name”: es más fácil de recordar.

Desventajas de usar el “entity name”: algunos navegadores quizás no reconoce todos los nombres.

Non-breaking Space

Una entidad muy común es el non-breaking space: &nbsp;

Esta define un espacio que no se puede “romper” en una nueva línea. Por ejemplos para palabras que siempre tienen que ir juntas como por ejemplo: 10 km/h

Otro uso es para que el navegador no borre los espacios, por ejemplo si tu pones 10 espacios entre dos palabras, el navegador eliminará 9 de ellos. Usando el non-breaking space puedes meter esos 10 espacios.

Algunos ejemplos

  • non-breaking space ( ): &nbsp; o &#160;
  • menor que (<): &lt; o &#60;
  • mayor que (>): &gt; o &#62;
  • ampersand (&): &amp; o &#38;
  • copyright (©): &copy; o &#169;

Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.

Libro No todo es programar de Kiko Palomares
Koding Beats