Caracteres Especiales y Entidades en HTML

En HTML, algunos caracteres tienen significados especiales y deben ser representados de manera específica para evitar conflictos con la sintaxis del HTML. Para mostrar estos caracteres en una página web, se utilizan entidades HTML.

Entidades HTML

Las entidades HTML son secuencias de caracteres que comienzan con & y terminan con ;. Estas entidades representan caracteres especiales que no se pueden escribir directamente en el código HTML o que podrían tener significados especiales en el lenguaje HTML.

Sintaxis de una Entidad:

&nombre; o &#número;

&nombre;: Usa un nombre para representar el carácter especial.
&#número;: Usa un número en formato decimal o hexadecimal (precedido por x) para representar el carácter.

Caracteres Especiales Comunes y sus Entidades

Espacio en Blanco No Separado ( )

Entidad:  
Uso: Representa un espacio en blanco no separable.

Ejemplo:

Hola&nbsp;Mundo

Símbolo de Mayor Que (>)

Entidad: >
Uso: Representa el símbolo >.

Ejemplo:

5 &gt; 3

Símbolo de Menor Que (<)

Entidad: <
Uso: Representa el símbolo <.

Ejemplo:

5 &lt; 10

Ampersand (&)

Entidad: &
Uso: Representa el símbolo &.

Ejemplo:

JavaScript &amp; HTML

Comillas Dobles (")

Entidad: "
Uso: Representa el símbolo ".

Ejemplo:

"Hola Mundo" se muestra como &quot;Hola Mundo&quot;

Comillas Simples (')

Entidad: '
Uso: Representa el símbolo '.

Ejemplo:

El apóstrofe se representa como &apos;.

Símbolo de Copyright (©)

Entidad: ©
Uso: Representa el símbolo ©.

Ejemplo:

Derechos reservados &copy; 2024

Símbolo de Registro de Marca (®)

Entidad: ®
Uso: Representa el símbolo ®.

Ejemplo:

Marca registrada &reg;

Símbolo de Euro (€)

Entidad: € o €
Uso: Representa el símbolo €.

Ejemplo:

Precio: &euro;50

Símbolo de Párrafo (¶)

Entidad: ¶
Uso: Representa el símbolo ¶.

Ejemplo:

El símbolo de párrafo es &para;

Ejemplos Combinados

<!DOCTYPE html>
<html>
<head>
    <title>Caracteres Especiales y Entidades</title>
</head>
<body>
    <p>Para escribir el símbolo de mayor que, usa &gt;.</p>
    <p>Para escribir el símbolo de menor que, usa &lt;.</p>
    <p>Para escribir el símbolo de ampersand, usa &amp;.</p>
    <p>Para escribir comillas dobles, usa &quot;.</p>
    <p>Para escribir comillas simples, usa &apos;.</p>
    <p>Para representar el símbolo de copyright, usa &copy;.</p>
    <p>Para representar el símbolo de marca registrada, usa &reg;.</p>
    <p>Para representar el símbolo de euro, usa &euro;.</p>
    <p>Para representar el símbolo de párrafo, usa &para;.</p>
</body>
</html>

Caracteres Especiales y Entidades en HTML

Entidades HTML

Caracteres Especiales Comunes y sus Entidades

Dejá un comentario Cancelar respuesta