48 - 馃寪 URL en HTML: Qu茅 Es y C贸mo Funciona

HTML






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.

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






Publicar un comentario

0 Comentarios