Html5

Actualmente el HTML5 está en un estado BETA, aunque ya algunas
empresas está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 son más semejantes a aplicaciones webs que a
documentos.

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 de entender 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:

· <article></article> – 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 <article> son anidados, los elementos
de <article> interiores representan los 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 <article>.
· <aside></aside> – 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
contenido independiente. 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.
· <header></header> – Elemento <header> representa un grupo
de artículos introductorios o de navegación.
· <nav></nav> – El elemento <nav> representa una sección de
una página que es un link a otras 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 <nav>, sólo las secciones que consisten en bloques
principales de la navegación son apropiadas para ser utilizadas
con el elemento <nav>. Puede utilizarse particularmente en el pie
de página para tener un menú con un listado de enlaces a varias
páginas de un sitio, como el Copyright; home page, política de uso
y privacidad. No obstante, el elemento <footer> es plenamente
suficiente sin necesidad de tener un elemento <nav>.
· <footer></footer> – El elemento <footer> representa el pié de
una sección, con información acerca de la página/sección que
poco tiene que ver con el contenido de la página, como el autor, el
copyright o el año.

Otros elementos muy interesantes
.<audio> y <video> – Nuevos elementos que permitirán incrustar un
contenido multimedia de sonido o de vídeo, respectivamente. Es una de
las novedades más importantes e interesantes en este HTML5, ya que
permite reproducir y controlas vídeos y audio sin necesidad de plugins
como el de Flash.
El comportamiento de estos elementos multimedia será como el de
cualquier elemento nativo, y permitirá insertar en un video, enlaces o
imágenes, por ejemplo. Youtube, ya ha anunciado que deja el Flash y
comienza a proyectar con HTML5.
– Se emplea para contenido incrustado que necesita plugins
como el Flash. Es un elemento que ya reconocen los navegadores, pero
ahora al formar parte de un estándar, no habrá conflicto con <object>.
<canvas> – Este es un elemento complejo que permite que se generen
gráficos al hacer dibujos en su interior. Es utilizado en Google Maps y en
un futuro permitirá a los desarrolladores crear aplicaciones muy
interesantes.

Fuente: Manual Html5 /Alejandro Castillo | http://theproc.es/

Si eres un entusiasta del HTML5 y quieres conocer un poco más acerca de este, entonces te recomiendo que le des un vistazo al video proporcionado por la gente de Tutsplus.com en la que nos hace un repaso muy interesante sobre algunas de las bondades del html5. El presentador del video se llama Paul Irish y es el co-creador de HTML5 Boilerplate que sin duda estoy segura que si estas interesado en el tema del HMTL 5 ya habrás visitado con anterioridad. Si no es así entonces no está demás darle un vistazo.

55 Ejemplos de sitios usando HTML5

Anuncios

Un pensamiento en “Html5

  1. jjlllllllllllllllllllllllllllllllllllllllllllllll

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: