« HTML5 » : différence entre les versions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 8 : | Ligne 8 : | ||
==Nouvelles Balises== | ==Nouvelles Balises== | ||
La sémantique des balises est amélorée par l'apparition de balise tels que header, nav, article et footer qui | La sémantique des balises est amélorée par l'apparition de balise tels que header, nav, article et footer qui permettent de détailler la segmentation du contenu de notre fichier html. | ||
<source lang="html5strict"> | |||
<!-- définit le contenu comme une entête de page --> | <!-- définit le contenu comme une entête de page --> | ||
<header>Nom du document</header> | <header>Nom du document</header> | ||
| Ligne 19 : | Ligne 19 : | ||
<!-- définit le contenu comme élément de pied de page --> | <!-- définit le contenu comme élément de pied de page --> | ||
<footer>Contact - WebSite 2009</footer> | <footer>Contact - WebSite 2009</footer> | ||
</source> | |||
*[http://www.w3schools.com/tags/html5_header.asp Balise header] | *[http://www.w3schools.com/tags/html5_header.asp Balise header] | ||
*[http://www.w3schools.com/tags/html5_nav.asp Balise nav] | *[http://www.w3schools.com/tags/html5_nav.asp Balise nav] | ||
Version du 20 octobre 2009 à 20:34
Cet article est incomplet.
Il est jugé trop incomplet dans son développement ou dans l'expression des concepts et des idées. Son contenu est donc à considérer avec précaution.
<pageby nominor="false" comments="false"/>
Le HTML 5 définit de nouvelles balises qui permettent une meilleure classification des contenus (éléments) par sémantique.
Attention ces nouveautés ne sont pas prisent en compte par les navigateurs
Nouvelles Balises
La sémantique des balises est amélorée par l'apparition de balise tels que header, nav, article et footer qui permettent de détailler la segmentation du contenu de notre fichier html.
<!-- définit le contenu comme une entête de page -->
<header>Nom du document</header>
<!-- définit le contenu comme élément de navigation (menu) -->
<nav>Accueil > Articles > article 1</nav>
<!-- définit le contenu comme un article -->
<article>Article Le contenu d'un article</article>
<!-- définit le contenu comme élément de pied de page -->
<footer>Contact - WebSite 2009</footer>Les balises médias permettent au navigateur de gérer des éléments multimédias, tels que les fichiers audio et les fichiers vidéo.
... <audio src="url/fichier.wav" controls="true" autoplay="true"> Votre navigateur ne supporte pas la balise audio </audio> <video src="url/fichier.wmv" controls="true" autoplay="true"> Votre navigateur ne supporte pas la balise video </video> ...
Nouveaux Attributs
La grande nouveauté des formulaires est la possibilité de déterminer un typage pour chaque champs et par la même occasion de permettre au navigateur de gérer la validation du formulaire.
En fonction du typage le navigateur pour utiliser le widget approprié. Exemple pour le type color le navigateur peut afficher une palette de couleur.
... <input type='datetime' name='date'> <input type='email' name='date'> <input type='color' name='date'> ...