Nouvelles balises de structure

Présentation au sujet: "Nouvelles balises de structure"— Transcription de la présentation:

1 Nouvelles balises de structure
HTML 5 Nouvelles balises de structure logo

2 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

3 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...

4 Nouvelles balises de structure
Source : HTML5 - Une référence pour le développement web, Rodolphe Rimelé, Eyrolles

5 Nouvelles balises de structure
Eliminer au maximum les div → nouvelles balises HTML5 Ecrire les css associés Limiter les attributs class et id

6 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