Voici une liste de balises HTML5 (valide wc3) ainsi que leurs descriptions.
Je vais l’implémenter au fur et mesure du temps …
- DOCTYPE
Unique syntaxe pour un contenu HTML5<!DOCTYPE html> - ADDRESS
Utilisé dans un footer (de préférence) pour avoir un contact avec les créateurs/administrateurs/… du site<address> Blog de <a href="mailto:scoco@scoco.fr">Scoco</a> </address>
- AUDIO et VIDEO
Nouvelle balises très utiles pour du contenu multimédia<!-- Audio--> <audio> <source src="votre/musique.mp3" /> <p>Le format *.mp3 n'est pas pris en charge par votre navigateur :/</p> </audio> <!-- Video --> <video> <source src="votre/video.avi" /> <p>Le format *.avi n'est pas pris en charge par votre navigateur :/</p> </video>
- ARTICLE
<article> <header> <h1>Titre de mon article</h1> <p><time datetime="2012-11-12T12:35+01:00"></time></p> <!-- format date =>YYYY-MM-DDThh:mmTZD--> </header> <p>Contenu de l'article</p> <p><em>...</em></p> <footer> Commentaire... </footer> </article>
- PROGRESS BAR (Pour créer une barre de chargement par exemple)
<progress value="75" max="100"></progress> - NAV (Pour créer un section de lien de navigation)
<nav> <ul> <li><a href="page1.html">Page 1</a></li> <li><a href="page2.html">Page 2</a></li> </ul> </nav>
Si vous avez un souci avec le navigateur de microsoft, IE par exemple :D, car il ne reconnait pas certaines balises, voici une petite manipulation pour y remédier:
Déclarer les balises non reconnues avec cette ligne de javascript
Exemple pour <header>
document.createElement('header'); |
Voici un
