Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

Aprende Web

Crea y diseña tus sitios en la Web.

Nuevo HTML5

Las nuevas tendencias llegan a las páginas web con HTML5.


Y ahora tambien aprende a programar en C++ con Aprende Web C++

logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net





Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 296

Visitas el mes pasado: 430

logo
WEB-GRAFÍA

Mi agradecimiento a las siguientes páginas Web. en las cuales me he basado para la elaboración de este manual:


El futuro del desarrollo web: HTML 5
Desarrollo Web
Manual de HTML5 en español
Alejandro Castillo Cantón
HTML5 Tags
quackit.com
Las novedades de HTML5
Victor Pimentel - Jazztel
HTML5 Novedades en los formularios
BufferOverflow
El sustituto del 'iframe' en HTML5
Gepetto - Globedia
HTML5 drag and drop
w3schools.com
Arrastrar y soltar en HTML5 nativo
html5rocks.com
javascript dataTransfer Description
javascript.gakaa.com
dataTransfer object
help.dottoro.com
localStorage en HTML5
rolandocaldas.com

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




HTML 5 (II)

Estructura de la página

imagen html5

La etiqueta DOCTYPE

La etiqueta DOCTYPE queda en HTML5 reducida a su mínima expresión. Basta con poner:

<!DOCTYPE HTML>


Nuevas etiquetas de estructura

Las nuevas etiquetas de estructura sustituyen a las etiquetas "div" que dividen la página en apartados. Se pretende así eliminar el abuso de la etiqueta <div> y de su atributo id. De esta manera las secciones o apartados de la página quedan mejor definidos, utilizando una etiqueta diferente para cada apartado.

El uso de estas etiquetas esta disponible ya en casi todos los navegadores (todos excepto Internet Explorer en verión 8 y anteriores), por lo que podemos ya hacer alguna página de prueba.

el problema con Internet Explorer es que Windows en su versión XP y anteriores no admiten las nuevas versiones de Internet Explorer, quedándose en la versión de Internet Explorer 8. Todavía hay muchos usuarios que tienen en su ordenador el S.O. WindowsXP o anterior, por lo que éstos no verán bien las páginas en HTML5 con este navegador.

Estas son las nuevas etiquetas de HTML5:

Estas etiquetas se utilizan para estructurar la página, por lo que todas ellas son elementos de bloque. Pueden utilizarse de manera directa con CSS o mediante atributos "id" o "class".

Funcionan como cualquier otra etiiqueta de bloque, por lo que pueden ser repetidas, anidadas, etc.


Estructura de la página.

Aunque podemos utilizar cualquiera de estas etiquetas como una etiqueta <div></div> la función de estas etiquetas es facilitar el diseño de la página, por lo que su forma normal de utilización es sustituir a las etiquetas <div> que forman la estructura de la página.

En un diseño con HTML 4 o XHTML 1 una página normal tiene en su diseño las siguientes etiquetas:

diseño con html 4

En HTML 5 utilizamos directamente las etiquetas, sin tener que marcarlas mediante los atributos id ó class:

diseño con html 5

En la hoja de estilos CSS definimos su aspecto como para cualquier otra etiqueta de HTML, por ejemplo:

header {bacground_color: aqua; border: 3px double, black; }

Ejemplo de página con HTML 5

En los siguientes enlaces mostramos una página construida con las etiquetas anteriores en HTML 5 y su código fuente.

La página la veremos bien en todos los navegadores excepto Internet Explorer (versión 9 o anteriores), el cual no reconoce todavía estas etiquetas como parte del DOM.

Página de ejemplo html 5


En el siguiente enlace mostramos su código fuente, el cual consiste en una página en HTML y otra página con los estilos CSS.

Código de ejemplo html 5






En la siguiente página veremos más etiquetas nuevas y el tratamiento de formularios:

Formularios y otras etiquetas



Manual de HTML5

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com