HTML5 – Les balises

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