Saltar la navegación

HTML 5

HTML5 incorpora nuevas etiquetas que tienen que ver con las partes de un documento. La figura 1 (de este apartado) indica cada una de estas etiquetas (header, nav, section, aside, footer) y su localización respecto a las partes de una página normal.

Figura 1. Etiquetas HTML5


Sectores HTML5


El siguiente código es un ejemplo página Web basada en la estructura de la figura 1. Lo importante de este código es que puedas observar el uso de las etiquetas.

<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="iso-8859-1">
    <meta name="description" content="Ejemplo de HTML5">
    <meta name="keywords" content="HTML5, CSS3, JavaScript">
    <title>Este texto es el título del documento</title>
    <link rel="stylesheet" href="misestilos.css">
</head>

<body>
    <header>
        <h1>Este es el título principal del sitio web</h1>
    </header>
    <nav>
        <ul>
            <li>principal</li>
            <li>fotos</li>
            <li>videos</li>
            <li>contacto</li>
        </ul>
    </nav>
    <section>
    </section>
    <aside>
        <blockquote>Mensaje número uno</blockquote>
        <blockquote>Mensaje número dos</blockquote>
    </aside>
    <footer>
        Derechos Reservados &copy; 2010-2011
    </footer>
</body>

</html>