Éléments 1

Tableaux

Formulaire (Ex: formulaire d'inscription)

Note: Les éléments <input type="date" > ne fonctionnent pas sur IE, il faudra alors soit utiliser un date-picker jquery pour avoir la même fonctionnalité, soit faire un <input type="text"> en demandant à l'utilisateur d'insérer une date en spécifiant le format (Ex: YYYY-MM-DD).

Vidéo

Crédits pour la vidéo :

Title

Big Buck Bunny 8 seconds bird clip.ogv

Author

(c) copyright Blender Foundation\www.bigbuckbunny.org

Date

March 2008 (original created)

License

Creative Commons Attribution 3.0 License

Balises sémantiques HTML5

Voir dans le code source de cette page (F12 pour ouvrir l'inspecteur dans Firefox) les balises suivantes :

• <header> pour l'entête
• <nav> pour les liens de navigation dans l'entête
• <section> pour la section principale qui contient la majorité du contenu de la page
• <aside> pour les barres latérales
• <article> pour les articles dans la barre latérale droite
• <footer> pour le bas de page

Pseudo-élements et pseudo-classes

Voir dans le code source de cette page (F12 pour ouvrir l'inspecteur dans Firefox) les propriétés suivantes :

• :focus pour les champs du formulaire plus haut
• :hover pseudo-classe présente sur tous les liens de cette page, qui change les styles au survol
• ::selection pseudo-élément utilisé ici pour changer la couleur de fond par défaut des sélections
• ::before exemple : salut
• ::after exemple : salut

Display et overflow

• display propriété utilisée, entre autres, pour le menu déroulant
• overflow propriété utilisée pour rendre cette section "scrollable" (barre de défilement)