« HTML5 » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
Le [[HTML]] 5 définit de nouvelles balises qui permettent une meilleure classification des contenus (éléments) par sémantique.
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==
==Nouvelles Balises==
Ligne 19 : Ligne 21 :
*[http://www.w3schools.com/tags/html5_footer.asp Balise footer]
*[http://www.w3schools.com/tags/html5_footer.asp Balise footer]


Les balises médias permet au navigateur de gérer des éléments multimédias, tel que les audios et les vidéos.
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.


  ...
  ...
Ligne 39 : Ligne 41 :
==Nouveaux Attributs==
==Nouveaux Attributs==


La grande nouveauté des formulaires et 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.
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.
En fonction du typage le navigateur pour utiliser le widget approprié. Exemple pour le type color le navigateur peut afficher une palette de couleur.

Version du 20 octobre 2009 à 21:05

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

...
<header>Nom du document</header>
<nav>Accueil > Articles > article 1</nav>
<article>Article Le contenu d'un article</article>
<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'>
...

Liens

W3School HTML 5