Conociendo HTTP #2 – Puertos, cadena query y fragmento

Protocolo HTTP

Puertos

Ahora que ya sabemos lo que son URL scheme, los hosts y las rutas, vamos a echar un vistazo al número de puerto:

http://recetas.com:80/ensalada-de-apio

El número 80 representa el número de puerto en el que el host está escuchando peticiones HTTP. El puerto por defecto de HTTP es el puerto 80, por lo que no es necesario escribir este número en la URL. Solo se necesita poner el número de puerto si el servidor está escuchando peticiones en otro puerto lo que sólo suele ocurrir en entornos de desarrollo o testing.

Cadena query

http://recetas.com/buscar?q=apio

Todo lo que sigue al carácter ? se conoce como “la query” de la URL. La query contiene información para que sea interpretada en el destino, que suele ser el servidor. No hay un formato técnico estándar de cómo tiene que ser la query, pero el 99% de los websites utilizan el formato nombre=valor (q sería el nombre del parámetro y apio su valor). Si existe más de un parámetro se separan con el carácter de &, por ejemplo:

http://recetas.com/search?q=apio&r=ensalada

Se puede hacer la prueba con https://www.google.es/?q=ensalada+de+apio

Fragmento

La última URL a ver es:

http://recetas.com/ensalada-de-apio#ingredientes

La parte después de el # se conoce como fragmento. El fragmento no se procesa por el servidor. El fragmento se utiliza por el navegador e identifica una sección particular del recurso, un fragmento de HTML especificado un un atributo id igual al fragmento.

El navegador mostrará como primero contenido el fragmento HTML con ese ID, realizando el scroll automáticamente si es necesario.  En el ejemplo anterior:

<div id="ensaladaDeApio">

... ...

<div id="ingredientes">

... ...

</div>

... ...

Si ponemos todo junto tenemos ya lo siguiente:

<scheme>://<host>:puerto/<ruta>?<query>#fragmento

Conociendo HTTP #2 – Puertos, cadena query y fragmento

Un comentario en “Conociendo HTTP #2 – Puertos, cadena query y fragmento

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s