PROPIEDAD SORPRESA

<section>, <article>, <aside>, son tres etiquetas que formarán la estructura principal de nuestra web. Estos contenedores contienen la parte con la que el usuario interactuará mayormente. Para que entendais cada etiqueta, usaré como ejemplo un blog. Este ejemplo es el más típico cuando se trata de hacer entender como funciona estas etiquetas.

Espero que con esa imagen os hagais una idea de que va la cosa, pero para que lo entendais mejor vamos cada etiqueta en detalle :)

<section>

La etiqueta < engloba todo lo que es la mitad de blog. Esa parte entre el pie de página y el encabezado, comprendería el lateral en que se encuentra la columna donde se ponen los botones sociales para darle Like a la página o donde salen las vísitas de la web. También sería el artículo del blog, con los comentarios. Pero <section> solo contiene esas cosas, que serían <article> (el articulo del blog) y <aside> (la columna lateral o también los comentarios). Ahora entraremos en más detalles.

<article>

En <article> se engloba todo lo que viene siendo lo más importante del cuerpo de la web, en un blog sería el artículo que vamos a leer, lo cual es a lo que el usuario dirigirá sobre todo la mirada.

<aside>

La etiqueta <aside> contiene (como comentamos antes) aquellos contenidos de la página los cuales sean secundarios y no tengan relevancia, un buen ejemplo sería los banners de publicidad o los botones sociales entre otros :)

Hemos visto la declaración , la etiqueta html, head, meta, title, link, style, body, header, h1 a h6, img, p, a, ul, li, ol, section, article, aside, seguramente alguna etiqueta que se me olvide y algunas cosas de CSS3. Es bastante para empezar con bien pies, ahora vamos a ver la ultima etiqueta básica. Toda estructura tiene una cabeza (header), un cuerpo (nav, section, article, aside) y un...