HTML es el acrónimo de HyperText Markup Language (Lenguaje de marcas de hipertexto en español) y es el lenguaje de marcado estándar utilizado para crear páginas web y otros documentos que se pueden ver en un navegador web. Fue desarrollado por el World Wide Web Consortium (W3C) y se ha convertido en el estándar de facto para la creación de contenido en la web.
HTML se compone de una serie de etiquetas o elementos que se utilizan para estructurar el contenido de una página web. Estas etiquetas le dicen al navegador web cómo mostrar el contenido, como texto, imágenes, enlaces, videos y otros elementos multimedia.
El código HTML se escribe en un editor de texto y se guarda como un archivo con extensión .html o .htm. Luego, se puede abrir el archivo en un navegador web y ver la página web resultante.
Anatomía de un HTML
Las partes principales del elemento HTML son:
- La etiqueta de apertura: consiste en el nombre del elemento (en este caso, p), encerrado por paréntesis angulares (< >) de apertura y cierre. Establece dónde comienza o empieza a tener efecto el elemento —en este caso, dónde es el comienzo del párrafo—.
- La etiqueta de cierre: es igual que la etiqueta de apertura, excepto que incluye una barra de cierre (/) antes del nombre de la etiqueta. Establece dónde termina el elemento —en este caso dónde termina el párrafo—.
- El contenido: este es el contenido del elemento, que en este caso es sólo texto.
- El elemento: la etiqueta de apertura, más la etiqueta de cierre, más el contenido equivale al elemento.
Características del HTML
Algunas de las características incluyen:
- Es un lenguaje de marcado: esto significa que las etiquetas se utilizan para definir la estructura y el formato del contenido de la página web.
- Es fácil de aprender y usar: HTML es un lenguaje relativamente sencillo y se puede aprender con facilidad incluso para personas que no tienen experiencia previa en programación.
- Es compatible con todos los navegadores web: HTML es un estándar de la industria, lo que significa que es compatible con todos los navegadores web y dispositivos.
- Es extensible: se pueden agregar nuevas funcionalidades a HTML utilizando tecnologías complementarias, como JavaScript y CSS.
Objetivos del HTML
Los objetivos se centran en proporcionar una forma estándar de organizar la información en la web para que sea interpretable por los navegadores. Algunos de otros objetivos clave de HTML:
- Estructuración de contenido: HTML proporciona una estructura lógica y jerárquica para el contenido de una página web. Define elementos como encabezados, párrafos, listas, enlaces y otros, permitiendo a los desarrolladores organizar la información de manera comprensible.
- Compatibilidad y portabilidad: Uno de los objetivos fundamentales de HTML es garantizar que las páginas web se vean de manera consistente en diferentes navegadores y dispositivos. HTML brinda una base común para la representación de contenido, facilitando la accesibilidad desde diversas plataformas.
- Facilitar la navegación: HTML incluye elementos como enlaces (<a>), listas de navegación (<nav>) y encabezados, que son fundamentales para la creación de una estructura de navegación efectiva en una página web.
- Integración con otros tecnologías web: HTML se utiliza junto con otros lenguajes y tecnologías web, como CSS para el diseño y la presentación visual, y JavaScript para la interactividad. La integración eficiente de estas tecnologías es un objetivo clave para proporcionar experiencias web más ricas y dinámicas.
- Adaptabilidad y evolución: HTML se ha desarrollado a lo largo del tiempo con nuevas versiones (por ejemplo, HTML5) para adaptarse a las cambiantes necesidades y capacidades de la web. La evolución continua es esencial para incorporar nuevas características y mejorar la eficiencia del desarrollo web.
- Accesibilidad: HTML se esfuerza por proporcionar una base que facilite la accesibilidad web. La implementación adecuada de atributos y estructuras HTML puede hacer que el contenido sea más accesible para personas con discapacidades.
- SEO (Optimización para Motores de Búsqueda): HTML juega un papel fundamental en la optimización para motores de búsqueda al permitir una estructuración clara del contenido. Los motores de búsqueda utilizan las etiquetas HTML para comprender y clasificar el contenido de las páginas web.
Versiones del HTML
Algunas de las versiones más significativas son:
HTML 2.0
Esta fue la primera versión formal del estándar HTML, publicada por el Internet Engineering Task Force (IETF) en 1995. Incluía elementos básicos como encabezados, párrafos, listas y enlaces.
HTML 3.2
Introdujo nuevas características en 1997, como las tablas y formularios. Esta versión fue compatible con navegadores populares de la época, como Netscape Navigator e Internet Explorer.
HTML 4.01
Publicada en 1999, trajo consigo mejoras en la presentación y la accesibilidad. Introdujo el uso de hojas de estilo en cascada (CSS) para el diseño y la presentación visual.
XHTML (HTML reformulado en XML)
Aunque no es una nueva versión de HTML, XHTML es una reformulación de HTML 4 como un documento XML. Se introdujo para hacer que HTML sea compatible con XML, lo que impone una sintaxis más estricta.
HTML5
Lanzado en 2014, HTML5 es la versión más reciente y significativa de HTML. Introdujo numerosas mejoras, como nuevas etiquetas semánticas (<article>, <section>, <header>, <footer>, etc.), audio y video integrados, capacidades de almacenamiento local (localStorage), arrastrar y soltar, y mucho más. HTML5 también se centra en la mejora de la compatibilidad con dispositivos móviles y en el soporte para gráficos y multimedia avanzados.
A medida que la web continúa evolucionando, es probable que se realicen actualizaciones y extensiones adicionales al estándar HTML.
