Clase de HTML5

1. #html5mor | @medinamanu | @maspixel
Píldora formativa HTML5
Marzo 2011

2. #html5mor | @medinamanu | @maspixel
Nuevas etiquetas
Atributos 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

3. #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

4. #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

5. #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

6. #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

7. #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

8. #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