Structure de base d'une page HTML5 : tutoriel  pas à pas et illustré Zoom

Structure de base d'une page HTML5 : tutoriel pas à pas et illustré

Doctype, les metas déclarations, les balises sémantiques html5 telles que header, nav, article, aside, footer sont les éléments essentiels d'une page web html5

Plus de détails

Anatomie d'une page html5 de base
Structure de base html5

Notre page html5 est, ici, composée de quelques éléments:

    • un en-tête de page : HEADER
    • une barre de navigation : NAV
    • une colonne de gauche : ASIDE
    • une zone principale pour le contenu : ARTICLE
    • un pied de page : FOOTER



Le code html de cette page

<!DOCTYPE HTML>
<html>

<head>
        <title>Titre principal de la page</title>
        <meta charset="utf-8">
        <meta name="description" content="165c. uniques">
</head>

<body>
    <div id="page">
    <!-- DIV : Aucun sens sémantique - zone géographique -->
    
        <header><!-- Entête de la zone considérée --></header>
        <nav><!-- Nav. principale de la page -> site --></nav>       
        <aside><!-- Les à-cotés de la page --></aside>
        <article><!-- Contenu textuel de la page --></article>
        <footer><!-- Pied-de-page de la page -> site --></footer>
        
    </div>
</body>
</html>

Dans les autres tutoriels, nous aurons l'occasion de voir en détails les spécificités de chaque élémént, de chaque balise html5.


Note 
Serge
26/01/2014

Serge

Et SECTION, on le place où ?

Donner votre avis

Structure de base d'une page HTML5 : tutoriel  pas à pas et illustré

Structure de base d'une page HTML5 : tutoriel pas à pas et illustré

Doctype, les metas déclarations, les balises sémantiques html5 telles que header, nav, article, aside, footer sont les éléments essentiels d'une page web html5

Donner votre avis