Universidad Autnoma de

Chihuahua

Tecnologas Web

ANDREI HELO

Nombre: Ivan Abisai Gaytn Melndez.

Matricula: 276886.

Tarea 5: Etiquetas HTML5 para estructura (layout).

1

Tabla de contenido Introduccin ........................................................................................................................................ 2

Etiquetas HTML5 para estructura (layout) ........................................................................................ 2

header ............................................................................................................................................. 2

nav ................................................................................................................................................... 2

section ............................................................................................................................................. 3

article .............................................................................................................................................. 3

aside ................................................................................................................................................ 3

footer .............................................................................................................................................. 4

Conclusin ........................................................................................................................................... 4

Referencias ......................................................................................................................................... 4

2

Introduccin

HTML5, la ltima versin del Hypertext Markup Language (HTML), es la versin ms

radical del lenguaje a la fecha. Esta presenta muchos recursos nuevos en una variedad de

reas. Con un nuevo conjunto de etiquetas estructurales, HTML5 revisa la forma en que estn

estructurados los documentos HTML. Las nuevas etiquetas estructurales se enfocan en

dividir un documento HTML en partes lgicas. El nombre de la etiqueta describe el tipo de

contenido que se pretende que contenga.

Etiquetas HTML5 para estructura (layout)

header

Se encargan de indicar a los navegadores que lo que contienen es la cabecera de la pgina

y que dentro seguramente llevarn lo tpico, algn logotipo, el ttulo de la pgina, quizs

una descripcin de la misma y poco ms. La norma define a la cabecera como un grupo de

ayudas a la navegacin.

nav

El elemento nav representa una seccin para enlaces de navegacin, til para la navegacin

de un sitio o de una tabla de contenidos. Sin embargo, no todos los enlaces en un documento

deben estar dentro de un , en la norma donde se dictan todas estas reglas del HTML5

no he leido que no pueda existir ms de un bloque del tipo nav dentro de una misma

pgina.

3

section

El elemento es para contener distintas reas diferentes de funcionalidad o temas

zona, o romper un artculo o una historia hasta en diferentes secciones se utilizan para

encerrar el cdigo correspondiente a una seccin genrica dentro de un documento o

aplicacin. Normalmente, un bloque de texto al que perfectamente le podramos colocar un

ttulo o encabezado. Adems, todo el contenido que engloba ha de guardar cierta relacin

entre s.

article

tiene que ver con , pero es claramente diferente. Mientras es

para agrupar distintas secciones de contenido o funcionalidad, es para contener

relacionadas piezas independientes individuales de contenido, tales como entradas de blog

individuales, videos, imgenes o noticias. Normalmente un tendr, adems de su

propio contenido, tambin una cabecera (a menudo con ) y posiblemente un pie

().

aside

La etiqueta se usa para marcar un trozo de contenido que est relacionado con el

contenido de la pgina web, pero que no es parte del mismo. Ejemplos de uso seran: glosario

de trminos, grupos de enlaces a pginas relacionadas, barras laterales. Lo usaremos por tanto

para todos aquellos elementos secundarios, como podrian ser los bloques publicitarios,

enlaces externos, citas.

4

footer

La etiqueta se usa para marcar el pie de una seccin o documento y que contiene

informacin sobre el mismo como el autor, licencia, trminos de uso y contiene normalmente un aviso de copyright.

Conclusin

De acuerdo con la informacin anterior concluyo con que las nuevas etiquetas HTML5

describen los tipos de contenido que contienen, y ayudan a dividir el documento en secciones

lgicas. Y ya depende cundo y dnde utilizar las nuevas etiquetas dentro de un documento,

y en lo personal creo que es una manera ms fcil y entendible de estas etiquetas, y le por la

red que por ejemplo la etiqueta div no queda en el pasado y que an es perfectamente vlido.

Referencias *http://www.w3schools.com/html/html5_semantic_elements.asp

*http://www.w3.org/wiki/HTML_structural_elements

*http://www.comocreartuweb.com/curso-de-html/estructura-semantica-html5/etiquetas-

semanticas/nav.html

*http://www.comocreartuweb.com/curso-de-html/estructura-semantica-html5/etiquetas-

semanticas/section.html

*http://www.comocreartuweb.com/curso-de-html/estructura-semantica-html5/etiquetas-

semanticas/aside.html

*http://www.baluart.net/articulo/html5-series-estructura-y-secciones-de-los-documentos

*http://www.arumeinformatica.es/blog/html5-nuevas-etiquetas-semanticas-y-estructurales/