El rol del HTML en el desarrollo web

No importa si eres desarrollador de FRONT-END, BACK-END o FULL STACK, hay un lenguaje que cualquiera debe dominar al 100% y este es HTML. HTML significa lenguaje de marcado de hipertexto, este lenguaje describe el contenido y define la estructura de una página web a través de marcas o etiquetas como lo indica su nombre,  por lo cual no es un lenguaje de programación pero si de marcado. Esta es una diferencia importante de considerar, puesto que nuevos desarrolladores suelen caer comúnmente en esta confusión, ahora hipertexto significa que los documentos que encontramos en la web no están destinados a ser consumidos de manera lineal pues estos están diseñados a hacer referencias a otros documentos,  por lo cual podemos ir y venir entre los documentos según necesitemos.

Un desarrollador de FRONT-END debe entender la relación que hay en todo el sitio así como la relación que existe entre los documentos que lo componen. Con este tipo de relaciones ahora tenemos un nuevo concepto, Arquitectura de la Información, y esto incluye también entender cuál es la mejor estructura del sitio en el que estás trabajando así como la forma en la cual un usuario, navegara a través de los documentos que compongan tu sitio. La segunda parte del HTML es el lenguaje de marcado, del cual ya comentamos un poco, este lenguaje se compone de una serie de etiquetas que definen la estructura del sitio web, y por tanto tiene ciertos roles importantes, el primero de ellos es que define el rol de cada pieza de contenido que forma parte del sitio, por algún contenido será parte de los títulos o encabezados, mientras que otro tipo serán link en la barra de navegación.

Existen algunas etiquetas que describen elementos que no son de texto, como pueden ser las imágenes, audios o videos, insisto todo desarrollador web debe dominar este lenguaje al 100%, y debes de tener cuidado con los puntos finos y detalles, pero sobre todo ser un gran apasionado en la estructura y la semántica que vas a lograr en tu sitio. Las etiquetas o marcas hacen algo muy importante que vamos a resaltar, generan el DOM (Document Object Model), y es este que tras bambalinas describe la estructura de una página y puede funcionar como una página guía o un mapa del contenido del sitio, considera que cuando agregas etiquetas a un documento realmente estas definiendo el mapa que define el rol de tu contenido, parte del trabajo incluye encontrar errores y como todo buen desarrollador así como disfrutamos escribiendo código, también deberíamos pasarla bien corrigiendo cada que encontremos algún error.

HTML es tan importante en un sitio web que si el DOM no está escrito correctamente,  esto puede hacer que el sitio se rompa, es decir, que no se vea adecuadamente así que ten cuidado, nada de la funcionalidad y diseño de un sitio web funcionara correctamente si el DOM no está escrito de la manera correcta, hay muchos caminos para ser un buen desarrollador siempre será necesario y fundamental comenzar con HTML, el cual aunque no lo creas es parte fundamental en cualquier tipo y equipo de trabajo donde desees participar.