close

que es html5
[Total:2    Promedio:5/5]

Si estás comenzando a adentrarte en el mundo del diseño de página web y programación seguro tendrás muchas dudas. Acá hablaremos de HTML5, para iniciar a despejar todas las dudas, el HTML5 es una colección de estándares que se usar en el diseño y desarrollo de páginas web. ¿Qué quiere decir eso? Esta colección lo que hace es representar la forma en la que se presenta la información en un explorador de Internet, y al mismo tiempo la forma en la que se interactúa con ella.

El HTML fue desarrollado por Ian Hickson de Google Inc y Dave Hyatt de Apple Inc, esto junto con un equipo de personas que participan en la Web Hypertext Application Technology Working Group.

¿Para qué sirve?

Permite una mayor interacción entre las páginas web y el contenido multimedia, lo que quiere decir con vídeos, audios, fotos, entre otros. Así como también facilita el proceso de codificar el diseño básico de la web.

Esta nueva versión se basó en un diseño común para las páginas web del todo el mundo, para así llegar a un estándar de etiquetas, estas mismas realizarán las tareas de una forma eficiente y en poco tiempo.

Etiquetas

Para que te hagas una idea de lo que esto significa, te ponemos un ejemplo. Un diseño nuevo para una página web, estará reflejado en etiquetas, como por ejemplo: <header>, <footer>, <nav>, <section>,<article>, estás reemplazarán las necesidades de tener una etiqueta para cada parte de la página. Lo que se propone es tener etiquetas destinada para cada función.

Si se quiere incorporar un video en la página web basta con poner <video> para insertar el reproductor de vídeo, antes para poner un reproductor se utilizaba la etiqueta <embed>. Esto lo que hace es evitarnos tener que insertar el código <object>, así como ya no será necesario usar el Flash Player para reproducir videos.  Igual pasa si queremos agregar un audio, se pone la etiqueta <audio>, remplazando la <embed>.

Funciones de etiquetas

Article: esta etiqueta se usa para definir un artículo, un comentario de usuario o una publicación independiente dentro de la web.

Header, footer: estas etiquetas individuales evitan tener que insertar IDs para cada uno, como se hacía antes. También, se pueden insertar headers y footers para cada sección, en vez de hacerlo general.

Section: esta es una de las etiquetas más importantes de las novedades, se puede definir todo tipo de secciones dentro de un documento.

Embed: con esta etiqueta se puede marcar la presencia de un contenido interactivo o aplicación externa.

Estructura

Como se comentaba antes, la HTML nos servirá para crear páginas web, darles forma y estructura al contenido, por ejemplo:

<html>

<body>

<p>Acá podríamos colocar un párrafo dándole la bienvenida a los usuarios.</p>

</body>

</html>

Estructura de las etiquetas

Cada una de las etiquetas deben terminar como su homóloga de cierre. Por ejemplo, con la etiqueta  <body>  debe cerrarse con </body>, igual para <p> con </p>, y todas las demás.

 ¿Por qué? Si no cerramos correctamente las etiquetas tendríamos un código malo, por lo que el navegador lo interpretaría de una forma muy diferente a lo que en realidad queremos. Pordría pasar que nos muestre la web como una página de error o quede en blanco.

Empieza a aplicarla

La idea detrás de HTML5 es que podamos visualizar el contenido multimedia variado que podemos encontrar en Internet aún cuando nos encontramos en dispositivos de gama baja que no podrían soportarlo cuando tienen que instalar infinidad de plug-ins. No solamente contamos con etiquetas especiales como audio, video y canvas, sino también integración con contenidos de gráficos en vectores (que anteriormente se conocía como la etiqueta object. Con estas etiquetas, los usuarios pueden consumir videos y canciones, por ejemplo, sin necesidad de instalar nada de forma adicional.

Ya repasamos qué es HTML5, y cuáles son sus usos principales y sus innovaciones más importantes. Para los diseñadores, es algo que debería, y de hecho, ya se está haciendo, implementarse inmediatamente. Las posibilidades son muchas. Esperamos poder haber aclarado algunas dudas importantes, o haber despertado algo de curiosidad para que averigüen más.

Si deseas profundizar más tus conocimientos sobre HTML5, puedes ver el siguiente tutorial: https://www.w3schools.com/html/html5_intro.asp
¿Qué son y para qué sirven las etiquetas de HTML?

¿Qué te pareció el artículo?