Este artículo es parte del Curso Arquitectura Web. No olvides ver todo el programa y acceder a cada uno de los capítulos desde aquí.

Qué es un navegador web

Creo que a muchas personas ya conocen algunos “navegadores web” . Si le preguntas a alguien ¿Qué es un navegador web? La respuesta sería algo como “¡Ah, te refieres a Chrome, Firefox, Opera!”, pero no mucho más que esto.

Vamos a entrar en detalle con el tema del “navegador” y tal vez se sorprendan de aprender algo nuevo.

Un navegador web es un programa que codifica y decodifica una serie de reglas, lenguajes o archivos para darles una representación visual, esto lo puede hacer sin conexión a internet, pero también puede establecer conexiones de red entre tu equipo y un servidor de destino.

Hay navegadores convencionales que ofrecen una interfaz gráfica más potente como Google Chrome o Internet Explorer, aunque existen otros navegadores de solo texto como Links.

¿Un navegador web de solo texto? Sí, en Linux por ejemplo podemos utilizar Links para visualizar una web en modo “solo texto”
Navegador Web

Navegador Web

Navegador web - Solo texto

Navegador web – Solo texto

Entonces, para ejemplificar de alguna forma, una función del navegador es hacer de “intérprete” para el lenguaje “web” y presentar algo visual (sean imágenes o textos) comprensibles para nosotros además de conectarse a servidores en internet o funcionar de forma local entre otras maravillas.

Un ejemplo

La etiqueta <img> de HTML está destinada para imágenes. Cuando el navegador ve algo de la forma <img src=””  alt=””/> dice: “Ah eso es una imagen y lo voy a presentar de esta u otra forma.

Ahora bien como la etiqueta <img /> recibe como atributos adicionales “title”, “src” y “alt” (Title, Source y Alternative o algunos otros de estilo “ya deprecados” como border), algo así como esto:

El navegador recibe esta información y nos muestra imagen1.jpg (si existe) y cuando pasemos el mouse por arriba de la imagen (en algunos navegadores) podremos ver que aparece el texto si hemos utilizado el atributo “title” :

perrito

En caso de que la imagen no exista o no esté disponible, el navegador mostrará el contenido del atributo “alt”:

imagen_not_found

Un navegador además de etiquetas HTML también puede interpretar CSS y Javascript (que tienen una escritura distinta a HTML.

Más que un navegador

Los navegadores actuales tienen muchas herramientas interesantes, más allá de interpretar y mostrarnos determinados objetos web, poseen:

  • Herramientas de diagnóstico
  • Herramientas de Diseño
  • Herramientas de modificacion de código
  • Navegadores de Recursos
  • etc… La mayoría de estos generalmente se acceden desde la tecla F12
  • También se pueden instalar plugins (pequeños programas adicionales) para añadir nuevas funcionalidades

En el desarrollo del curso utilizaremos los navegadores de una forma más intensiva que el usuario común.

No solo Web

El navegador también puede acceder a otros protocolos distintos de las páginas web convencionales como FTP, NTTP, HTTPS, entre otros, de los cuales hablaremos más adelante.

Habiendo comprendido este concepto básico, vamos al siguiente capítulo para saber más de lo que sucede entre nuestro navegador y un servidor web.