¬ŅQu√© es HTML5?

HTML5 es un lenguaje de marcado (de hecho, las siglas de HTML significan Hyper Text Markup Language) usado para estructurar y presentar el contenido de una web.  HTML5  es el lenguaje por excelencia de la Responsive Web Desing. 

Qué es html5

¬ŅC√≥mo usar HTML5?

En este art√≠culo vamos a explicar qu√© es y c√≥mo se utilizan las etiquetas de HTML5. Existen distintos elementos que incorpora HTML5 como:

<main>: Marca el contenido principal dentro de la etiqueta body.

<section>: Se usa para definir secciones como de informaci√≥n, noticias… y para darle estilo a esta secci√≥n debemos englobarlo dentro de un <div>.

<nav>: Creado para englobar enlaces dentro de una p√°gina. No esta dise√Īado para el footer, estrictamente, aunque, se puede usar para este apartado.

<article>: Envuelve partes de la web con sentido completo, como por ejemplo, un artículo, un comentario de usuario o una publicación independiente dentro del sitio. A veces, se puede poner un <article> dentro de un <section>.

<aside>:  Utilizado principalmente para las barras laterales.

<figure> y <figcaption>: Ilustraciones, diagramas, fotos, son los archivos que podr√°s utilizar con esta etiqueta.

<details> y <summary>:  Details : Se usa como un widget, a trav√©s del cual, el usuario recibe m√°s informaci√≥n. Normalmente, la informaci√≥n est√° oculta. Para que la informaci√≥n se vea se a√Īade el atributo open.

Por otro lado, summary, que es un encabezado visible que se inserta en el c√≥digo con la ayuda de details. Entonces hacemos clic en  el encabezado y se muestra u oculta la informaci√≥n.

<headers> y <footers>: Su propia traducción indica su localización en una página, headers (cabecera) y footers (pie de página). Se pueden insertar headers y footers para cada sección, en lugar de hacerlo en general.

<Address>: Principalmente usado para información de contacto y de ubicación. Cualquier otro dato deberá ir en una etiqueta <p>.

Encabezados de p√°gina H1-H6: Encabezados de texto, para marcar la diferencia de apartados sobre un tema.

Finalmente, la nueva versi√≥n de HTML, HTML5, nos proporciona etiquetas propias para insertar <v√≠deo> y <audio>. El √ļnico problema que tenemos es que los v√≠deos en HTML5 no son responsive, por lo que, tendremos que abordar el CSS3, cosa que haremos m√°s adelante, para que su dise√Īo sea responsive y est√© en consonancia con las nuevas tendencias de dise√Īo web.