Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Solución Práctica Elementos Estructurales de HTML5

    Cargado por

    hyoga.tomsen
    13 vistas2 páginas

    Título original

    Solución práctica elementos estructurales de HTML5

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    13 vistas2 páginas

    Solución Práctica Elementos Estructurales de HTML5

    Cargado por

    hyoga.tomsen

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 2

    Elementos estructurales HTML5

    SOLUCIÓN

    L a práctica es más sencilla de lo que parece a simple vista.

     Debes convertir esta estructura que utiliza elementos div:

     En esta otra que utiliza los elementos estructurales HTML5:

    Diseño web avanzado - HTML5 y CSS3

    Copyright (c) Computer Aided Elearning, S.A.


     Así pues, hay un cambio de elementos, utilizando los que tienen más significado
    de HTML5 en lugar de elementos neutros div (aunque se siguen manteniendo algunos
    elementos div ya que su uso es adecuado).

     Puede que te sorprenda el uso del elemento <section> en lugar de <article> para el
    contenido principal de la página web. Bien, aquí es más adecuado utilizar <section> ya
    que agrupa contenido relacionado (una imagen, un título h2 y un párrafo de texto p), pero
    que no está preparado para ser redistribuido o sindicado independientemente.

    Esto último es lo que nos permite distinguir entre si una región es <article> o <section>.
    Fíjate que no tiene sentido sindicar mediante RSS el contenido de cada una de estas
    secciones, ya que no es algo que vaya a cambiar frecuentemente o que se produzca
    contenido nuevo; sin embargo, dentro de cada una de esas secciones sí que podríamos
    tener artículos (elementos <article>) susceptibles de ser sindicados mediante RSS.

     Por otra parte, en la región aside podríamos haber utilizado elementos nav si realmente
    las noticias y la publicidad fueran hipervínculos, como parece lógico. Como es una página
    en construcción sin hipervínculos, se han dejado los elementos div.

     Además de cambiar el código HTML con estos elementos estructurales, recuerda


    modificar el tipo de documento, que aparece en la primera línea del código de la página.
    El doctype de HTML5 es: <!DOCTYPE HTML>

     También deberás modificar la hoja de estilo en cascada, ya que si antes se utilizaban


    identificadores o clases, ahora se utilizarán las propias etiquetas HTML5.

     Entre los trabajos de la lección encontrarás la solución de la práctica. Estudia


    detenidamente el código fuente del documento .html y de la hoja de estilos .css para
    comprobar cómo se ha conseguido convertir la página inicial en una página HTML5.

    se permite el uso de este manual únicamente a los alumnos de este curso

    También podría gustarte