Admin general

Manual de HTML5 en español

Manual de HTML5 en español
Alejandro Castillo Cantón

Alejandro Castillo | www.theproc.es

Manual de HTML5 en español

www.theproc.es

Primera Parte
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 actualizandolo a nuevas necesidades que demanda la
web de hoy en día.
Debido a que estos cambios afectaran la forma de desarrollar la web en
un futuro inmediato, desde The Process,plantearemos una serie de
artículos donde desvelaremos los cambios más importantes.
Actualmente el HTML5 está en un estadoBETA,aunque ya algunas
empresasestán desarrollando sus sitios webs en esta versión del
lenguaje. A diferencia de otras versiones de HTML, los cambios en HTML5
comienzan añadiendo semántica y accesibilidad implícitas, especificando
cada detalle y borrando cualquier ambigüedad. Se tiene en cuenta el
dinamismo de muchos sitios webs (facebook, twenti, etc), donde su
aspecto y funcionalidad sonmás semejantes a aplicaciones webs que a
documentos.

Mejor estructura
Actualmente es abusivo el uso de elementos DIV para estructurar una
web en bloques. El HTML5 nos brinda varios elementos que perfeccionan
esta estructuración estableciendo qué es cada sección, eliminando así DIV
innecesarios. Este cambio en la semántica hace que la estructura de la
web sea más coherente y fácil deentender por otras personas y los
navegadores podrán darle más importancia a según qué secciones de la
web facilitándole además la tarea a los buscadores, así como cualquier
otra aplicación que interprete sitios web. Las webs se dividirán en los
siguientes elementos:
•

- Se utiliza para representar una sección

“general” dentro de un documento o aplicación, como un capítulo
de un libro. Puedecontener subsecciones y si lo acompañamos de
h1-h6 podemos estructurar mejor toda la página creando
jerarquías del contenido, algo mu favorable para el buen
posicionamiento web.
Alejandro Castillo | www.theproc.es

Manual de HTML5 en español

•

- El elemento de artículo representa un

componente de una página que consiste en una composición
autónoma en un documento, página,aplicación, o sitio web con la
intención de que pueda ser reutilizado y repetido. Podría utilizarse
en los artículos de los foros, una revista o el artículo de periódico,
una entrada de un blog, un comentario escrito por un usuario, un
widget interactivo o gadget, o cualquier otro artículo
independiente de contenido.
Cuando los elementos de son anidados, los elementos
de interiores representanlos artículos que en principio
son relacionados con el contenido del artículo externo. Por
ejemplo, un artículo de un blog que permite comentarios de
usuario, dichos comentarios se podrían representar con .
•

- Representa una sección de la página que

abarca un contenido tangencialmente relacionado con el
contenido que lo rodea, por lo que se le puede considerar un
contenidoindependiente. Este elemento puede utilizarse para
efectos tipográficos, barras laterales, elementos publicitarios, para
grupos de elementos de la navegación, u otro contenido que se
considere separado del contenido principal de la página.
•

- Elemento representa un grupo

de artículos introductorios o de navegación.
•

- El elemento representa una sección de

una página que es un link aotras páginas o a partes dentro de la
página: una sección con links de navegación.
No todos los grupos de enlaces en una página tienen que estar en
un elemento , sólo las secciones que consisten en bloques
principales de la navegación son apropiadas para ser utilizadas
con el elemento . Puede utilizarse particularmente en el pie
de página para tener un menú con un listado de enlaces a...