Nouvelles balises de structure HTML 5 Nouvelles balises de structure logo
HTML5 (HTML+CSS+JavaScript) HTML5 : nouveaux usages Une sémantique nouvelle Nouvelles fonctionnalités Gestion audio et vidéo Formulaires Glisser-déposer Dessin et animations Géolocalisation Adaptation aux terminaux mobiles... Pas encore implémentées dans tous les navigateurs
Types de balises Contenus de flux Contenus de phrasé Métadonnées Eléments de structuration → a, p, div, table, form... Contenus de phrasé Imbriqués dans les précédents Confèrent une valeur sémantique → a, em, strong, span, input, select... Métadonnées Renseignements complémentaires → link, style, meta, script...
Nouvelles balises de structure Source : HTML5 - Une référence pour le développement web, Rodolphe Rimelé, Eyrolles
Nouvelles balises de structure Eliminer au maximum les div → nouvelles balises HTML5 Ecrire les css associés Limiter les attributs class et id
Exercice Reproduire la structure suivante CSS : faire apparaître un cadre autour des contenus afin de les identifier Opérer des tests d'imbrication Ex. : footer dans header Mise en forme Utiliser quelques balises : Blockquote, strong, i, br, abbr, code, var Utiliser h1...h6 et les modifier (CSS) Tests de rendu... En-tête Navigation flottant Contenu Lateral Article Article Pied de page