P ara entender mejor cómo se deben utilizar los elementos
estructurales de HTML5, tendrás que modificar la estructura de una página web diseñada hasta el momento con el uso de elementos div.
Ten en cuenta que debes utilizar un navegador compatible con
HTML5 para realizar las prácticas. Te sirve cualquier navegador actualizado.
Abre la página usa.html con un navegador. Podrás encontrarla
entre los trabajos de la lección, junto a otras dos carpetas donde se almacenan las imágenes y la hoja de estilo en cascada asociada con la página web. El aspecto de dicha página es este:
Diseño web avanzado - HTML5 y CSS3
Copyright (c) Computer Aided Elearning, S.A.
Puedes ver aquí la estructura de elementos div que se ha utilizado:
Tu tarea será convertir esta estructura de elementos div en
una equivalente, pero utilizando los elementos estructurales HTML5.
Tendrás que modificar el código HTML y CSS para ello.
Guarda la página como usa_html5.html y estilo_green_html5. css, respectivamente. Puedes trabajar con el editor de código que prefieras.
Recuerda cambiar también el tipo de documento para que
los navegadores sepan interpretar correctamente las etiquetas HTML5.
Algunos navegadores compatibles con HTML5:
Internet Explorer 9 o superior.
Firefox 4 o superior. Chrome 10 o superior Safari 5 o superior Opera 11 o superior
se permite eluso de este manualúnicamente alos alumnos de este curso