43 - 🔤 Entidades HTML: Qué Son y Cómo Usarlas

---

Elementos Semánticos en HTML

• Entidades HTML
• Espacio sin romper
• Combinando marcas diacríticas

---

Entidades HTML

Las entidades HTML son secuencias de caracteres especiales que representan símbolos o caracteres que no se pueden incluir directamente en el código. Son útiles para representar símbolos como <, >, o incluso caracteres que no están disponibles en el teclado.

Ejemplos comunes:

• & para &
• < para <
• > para >
• " para "
• ' para '

Ejemplo

  <div>Este es un texto dentro de un div</div>
  <h1>Título con tilde</h1>
          

---

Espacio sin romper

El espacio sin romper o   es un carácter especial que impide que dos palabras o elementos separados por este espacio se dividan entre líneas. Se utiliza cuando no deseas que el contenido se "rompa" al final de una línea.

Ejemplo

  <p>Esto es un espacio sin romper.</p>
          

---

Algunas entidades de carácter HTML útiles

Result	Description	Name	Number
	non-breaking space	 
<	less than	&lt;	<
>	greater than	&gt;	>
&	ampersand	&amp;	&
"	double quotation mark	&quot;	"
'	single quotation mark	&apos;	'
¢	cent	&cent;	¢
£	pound	&pound;	£
¥	yen	&yen;	¥
€	euro	&euro;	€
©	copyright	&copy;	©
®	trademark	&reg;	®

---

Combinando marcas diacríticas

En HTML, puedes combinar marcas diacríticas, como tildes o acentos, con letras usando Unicode o entidades HTML. Esto te permite representar caracteres que no están directamente en tu teclado.

Por ejemplo:

• á para á
• é para é
• í para í

Mark	Character	Construct	Result
̀	a	à	à
́	a	á	á
̂	a	â	â
̃	a	ã	ã
̀	O	Ò	Ò
́	O	Ó	Ó
̂	O	Ô	Ô
̃	O	Õ	Õ

Ejemplo

  <p>La palabra "cancion" con tilde: canci&oacute;n.</p>
          

---

Ir al índice

---