El termino HTML hace referencia a un lenguaje, no de programación, como muchos piensan, y al orden que debe llevar el contenido de una página web y determinadas aplicaciones, gracias a unas marcas de hipertexto que funciona como unas etiquetas conocidas en inglés como tags.
Veamos más sobre este concepto, sus características y funcionalidades.
HTML: orígenes y conceptos
Es el acrónico de HyperText Markup Language (en español marcado de hipertexto), inventado en Suiza por el físico Tim Berners-Lee, quien en 1991 lanzó la primera versión que constaba de 18 etiquetas. Luego, cada versión fue incorporando nuevos atributos para el marcador.
El HTML nos refiere a documentos los cuales tienen la capacidad de ser compartidos de manera sencilla a través de un vehículo, como el internet por ejemplo, que los lee e interpreta.
Su redacción es sencilla de aprender. Principiantes podrán crear y estructurar secciones, párrafos, encabezados, vínculos y elementos.
Sigue un esquema donde hay un elemento raíz y las etiquetas se insertan de manera lógica y estructurada, las cuales se delimitan usando los símbolos < y >.
Actualizaciones de HTML
Según Mozilla Developer Network, actualmente existen más de 140 etiquetas HTML, aunque algunas ya no son compatibles con ciertos sistemas.
Por otro lado, es importante recalcar que dentro del mundo web el HTML es un recursos oficial, todas sus especificaciones son desarrollas y se mantienen gracias al Consorcio WWW, sitio mismo en el cual se puede conocer las actualizaciones y su status presente.
La actualización más importante de los últimos años, ha sido el HTML5, el cual consta de varias etiquetas semánticas que revelan el significado de su propio contenido.
¿Cómo funciona?
La extensión de los documentos HTML son .html o .htm., los cuales pues visualizar en cualquier navegador web, el cual lee el archivo y muestra su contenido en Internet.
Por lo general, el sitio web incluye varias páginas, cada una de ellas formada por un conjunto de etiquetas (elementos) que crean una jerarquía que estructura el contenido en bloques.
En HTML un párrafo debe comenzar con la etiqueta <p> y finalizar cerrándola (</p>). Por otro lado, la información se divide en dos bloques: cabecera (head) y cuerpo (body).
Los elementos HTML abren y cierran utilizando la sintaxis <etiqueta> </etiqueta>.
Etiquetas HTML básicas
Las etiquetas HTML se dividen en las de bloque y línea.
En bloques
- <html>. Es el elemento que encierra toda la página e inicia la cadena de instrucciones. </html> al final del documento.
- <head>. Es la cabecera del documento y contiene subelementos como <title> (título), <link> (hojas de estilo), <meta> (código), etc.
- <body>. Es una etiqueta esencial que revela el contenido de un documento.
En línea
- <img>. Hace referencia a imágenes y a la ruta en donde ésta se encuentra y tiene dos atributos: src para la ruta y alt para la descripción.
- <a>. Permite introducir hipervínculos internos y externos, mediante un atributo y la dirección URL.
- <div>. Permite las divisiones dentro de la página web.
- <strong> </strong> representaría un elemento en negrita
- <em> </em> muestran lo que se quiere en cursiva.
Otras etiquetas
Hay una serie de etiquetas usadas para crear cualquier documento HTML como:
- <br> para saltos de línea
- <ol> para listas ordenadas
- <h1> </h1> a <h6> </h6> encabezados tienen 6 niveles
- <ul> para listas desordenadas
- <li> para elementos dentro de la lista
- <p> para parágrafos
- <span> para estilos de una parte del texto
Ventajas y desventajas de HTML
Como la mayoría de las cosas, HTML tiene una serie de pros y otros contras, como los que veremos a continuación:
Ventajas
- Es ampliamente utilizado como recurso.
- Una gran comunidad ha surgido en torno a este lenguaje
- Su ejecución es nativa en todos los navegadores web.
- Su curva de aprendizaje es plana.
- Gratis y de código abierto
- Marcado limpio y consistente.
- Sus estándares son mantenidos por el W3C.
- Se integra fácil a otros lenguajes como PHP y Node.js.
Desventajas
- Su uso se limita a web estáticas. Si requieres dinamismo es posible que necesites usar JavaScript o un lenguaje PHP.
- No permite implementar la lógica.
- Las web deben crearse por separado
- Algunos navegadores adoptan las nuevas características lentamente.
- El comportamiento del navegador a veces es difícil de predecir
HTML 5
Como se expusimos antes, HTML ha evolucionado increíblemente y dichas actualizaciones se consiguen en W3C.
La última versión publicada en 2014, es HTML5, con muchas características en el lenguaje y surgió tras agrupar algunas especificaciones: HTML 4 (estándar en uso desde 1997), XHTML 1 (enlace en inglés), DOM nivel 2 (Modelo de objetos del documento, en español–) y algunos elementos de CSS nivel 2.
Tiene un soporte nativo para la incorporación de audio y video (<audio> </audio> y <video> </video>.) y para fórmulas matemáticas y científicas.
También introdujo algunas mejoras semánticas, cuyas etiquetas informan a los navegadores sobre el significado del contenido. Dichas etiquetas son <article> </article>, <section> </section>, <aside> </aside>, <header> </header> y <footer> </footer>.
Vale decir que HTML5 es soportado por los navegadores de Internet más populares: Chrome, Firefox, Opera (desde la versión 15), Edge, Safari, Yandex y de Smart TV¨s como Samsung y LG.
Conclusión
HTML es el lenguaje de marcado principal de la web. Se ejecuta de forma nativa en todos los navegadores y puedes usarlo para crear la estructura de contenido de sitios web y aplicaciones.
Sirve como base para el estilo con CSS y la funcionalidad que se puede implementar mediante JavaScript.
Los atributos HTML permitirán trabajar más rápido y de forma más eficiente. Si quieres incorporar estas habilidades en tu perfil profesional consulta a los expertos en esta área.
