Post on 07-Oct-2015
description
transcript
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/