48 - 🌐 URL en HTML: Qué Es y Cómo Funciona

---

Elementos Semánticos en HTML

• URL - Localizador de recursos uniformes
• Esquemas comunes de URL
• Codificación de URL
• Ejemplos de codificación ASCII

---

URL - Localizador de recursos uniformes

Una URL (Uniform Resource Locator) es una dirección que se utiliza para localizar un recurso en la web. Es un tipo de URI (Uniform Resource Identifier) que, además de identificar un recurso, proporciona un medio para recuperarlo. Las URL son fundamentales para navegar por internet, ya que permiten acceder a páginas web, imágenes, videos y otros recursos.

La estructura de una URL generalmente incluye el esquema (como http o https), el nombre de dominio, y a menudo una ruta que especifica la ubicación del recurso en el servidor.

Por ejemplo, en la URL https://www.ejemplo.com/pagina1.html

• https: Esquema que indica el protocolo utilizado.
• www.ejemplo.com: Nombre de dominio que identifica el servidor.
• /pagina1.html: Ruta que lleva al recurso específico en el servidor.

Ejemplo

Aquí hay un ejemplo de cómo construir una URL y utilizarla en un enlace HTML:

            <a href="https://www.ejemplo.com">Visitar Ejemplo</a>
          

En este ejemplo, se crea un enlace que, al hacer clic, redirige al usuario a la página https://www.ejemplo.com.

---

Esquemas comunes de URL

Los esquemas de URL indican el protocolo que se utilizará para acceder al recurso. Son una parte fundamental de la estructura de la URL y ayudan al navegador a determinar cómo debe manejar la solicitud.

Algunos de los esquemas de URL más comunes son:

• http: Protocolo de transferencia de hipertexto, utilizado para acceder a páginas web sin cifrado.
• https: Versión segura de HTTP que utiliza cifrado para proteger la información durante la transmisión.
• ftp: Protocolo de transferencia de archivos, utilizado para transferir archivos entre un servidor y un cliente.
• mailto: Utilizado para crear un enlace que abre un cliente de correo electrónico con una dirección específica.
• file: Accede a archivos locales en el sistema del usuario.

Cada esquema tiene sus propias características y es importante elegir el adecuado según el tipo de recurso que se quiere acceder.

Ejemplo

Aquí hay ejemplos de cómo se utilizan diferentes esquemas en enlaces HTML:

            <a href="http://www.ejemplo.com">Visitar Ejemplo HTTP</a>
            <a href="https://www.ejemplo.com">Visitar Ejemplo HTTPS</a>
            <a href="ftp://ftp.ejemplo.com">Transferir archivos por FTP</a>
            <a href="mailto:info@ejemplo.com">Enviar un correo</a>
          

En estos ejemplos, cada enlace utiliza un esquema diferente para realizar una acción específica, como visitar un sitio web o enviar un correo electrónico.

---

Codificación de URL

Las URLs sólo se pueden enviar a través de Internet utilizando el conjunto de caracteres ASCII. Si una URL contiene caracteres fuera de este conjunto, es necesario convertirla. La codificación de URL, también conocida como "percent encoding", es el proceso que se utiliza para convertir caracteres no ASCII en un formato que se puede transmitir a través de Internet.

La codificación de URL reemplaza caracteres no ASCII por un % seguido de dígitos hexadecimales que representan el valor ASCII del carácter. Por ejemplo, los espacios en una URL no pueden ser representados directamente y se codifican normalmente como %20 o a veces como un signo de más (+).

Algunos caracteres comunes que necesitan ser codificados son:

• Espacio: %20
• Signo de interrogación (?): %3F
• Signo de número (#): %23
• Signo de ampersand (&): %26
• Signo más (+): %2B

Si haces clic en "Enviar", el navegador codificará la entrada antes de enviarla al servidor. Esto permite que la información se transmita correctamente y que el servidor pueda interpretar los datos recibidos.

Ejemplo

A continuación, hay un ejemplo interactivo donde puedes escribir un texto y enviarlo. El navegador codificará la entrada antes de mostrarla.

Escribe algo:

URL Codificada:

---

Ejemplos de codificación ASCII

La codificación ASCII es un estándar que representa caracteres mediante números. Su navegador codificará la entrada de acuerdo con el conjunto de caracteres utilizado en su página.

El conjunto de caracteres predeterminado en HTML5 es UTF-8, que incluye todos los caracteres ASCII y otros caracteres adicionales. A continuación, se presentan algunos ejemplos de codificación ASCII y sus equivalentes en diferentes conjuntos de caracteres.

Ejemplo

A continuación, se muestra una tabla con ejemplos de codificación ASCII:

Caracter	Desde Windows-1252	Desde UTF-8
€	%80	%E2%82%AC
£	%A3	%C2%A3
©	%A9	%C2%A9
®	%AE	%C2%AE
À	%C0	%C3%80
Á	%C1	%C3%81
Â	%C2	%C3%82
Ã	%C3	%C3%83
Ä	%C4	%C3%84
Å	%C5	%C3%85

---

Ir al índice

---