#html5mor | @medinamanu | @maspixel

Píldora formativa HTML5

Marzo 2011

#html5mor | @medinamanu | @maspixel

Nuevas etiquetasAtributos que desaparecen• align• link, vlink, alink, (enlaces)• bgcolor• height and width• scrolling (dentro de los iframes)• valign• hspace y vspace • cellpadding, cellspacing, y border de las tablas• Target• Font• marquee

¡Hasta la vista!

COLEGIO SAN PEDRO

CHANEL

#html5mor | @medinamanu | @maspixel

Estructura de la web<header>• Es la cabecera. Es donde se inserta el logo y el título de nuestra web. Esta etiqueta se

puede repetir en más sitios del código (hay más encabezados)

COLEGIO SAN PEDRO

CHANEL

#html5mor | @medinamanu | @maspixel

Estructura de la web<nav>• Menú de nuestro site, también puede haber varios “nav” a lo largo del código. En esta

etiqueta también estaría el bread crumbs o migas de pan del site.

COLEGIO SAN PEDRO

CHANEL

#html5mor | @medinamanu | @maspixel

Estructura de la web<footer>• es el pie de página, donde se pone el copyright, enlaces, etc…. Puede haber varios en

cada página

COLEGIO SAN PEDRO

CHANEL

#html5mor | @medinamanu | @maspixel

Estructura de la web<section>• Sección genérica de un documento, normalmente tiene un encabezado y luego un

contenido. puede contener uno o más artículos. Elemento genérico que agrupa elementos.

COLEGIO SAN PEDRO

CHANEL

#html5mor | @medinamanu | @maspixel

Estructura de la web<article>• Se encuentra el contenido principal de la página y es lo que se va sindicar (RSS,

buscadores). Tiene encabezado, descripción, comentarios….

COLEGIO SAN PEDRO

CHANEL

#html5mor | @medinamanu | @maspixel

Estructura de la web<aside>• Se incluye contenido que no está relacionado con el contenido del artículo, por

ejemplo, elementos publicitarios, widgets de un blog, suele ser el contenido del sidebar.

COLEGIO SAN PEDRO

CHANEL