sesion 2

Sesión 2

Etiquetas HTML5

Fundamentos de desarrollo web

Índice
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.

Introducción
HTML5
Estructura HTML5
Etiqueta HEADEREtiqueta NAV
Etiqueta ARTICLE
Etiqueta SECTION
Etiqueta ASIDE
Etiqueta HGGROUP
Etiqueta FOOTER
Compatibilidad con varios navegadores
HTML5 Shiv
Conclusión
Link de referencia

2

• Introducción:• En esta sesión veremos el uso de las nuevas etiquetas HTML5 (Header,
Footer, Section, Article, Nav, Hggroup); asi mismo veremos la
compatibilidad entre varios navegadores haciendo uso de lainstrucción
html5 shiv. Usaremos la Propiedad Display: Block para mostrar en bloque
los datos y emplearemos reglas de clases en CSS para darle formato a las
páginas web.

3

HTML5
• El HTML5(HyperText Markup Language, versión 5) es la quinta revisión
del lenguaje de programación “básico” de la World Wide Web, el HTML.
• Esta nueva versión pretende remplazar al actual (X)HTML, corrigiendoproblemas con los que los desarrolladores web se encuentran, así como
rediseñar el código actualizándolo a nuevas necesidades que demanda la
web de hoy en día.

4

Comparación de estructuras:HTML4

HTML5

5

Estructura HTML5
• Observe cómo sería la estructura HTML 5 de un sitio web, en este ejemplo
de una página de 2 columnas.

6

Etiqueta HEADER
• Se encarga de indicar alos navegadores que lo que contienen es la
cabecera de la página y que dentro llevarán algún logotipo, el título de la
página o una descripción de la misma.

http://www.littlecoogie.com/

7…continuación.

http://www.littlecoogie.com/

8

Etiqueta NAV
• La etiqueta es donde las personas navegan a través de las
paginas, formada por enlaces a las zonas principales de la web, opor un
menú de navegación.

http://www.littlecoogie.com/

9

…continuación.

http://www.littlecoogie.com/

10

Etiqueta ARTICLE
•

La etiqueta especifica una distribución de forma...