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

HTML 5 – La Bible

En voila, un joli livre qui est sorti ces derniers jours: HTML5, une référence pour le développeur web. Je vais essayer de m’en procurer un car il m’a  l’air fort intéressant.

Source [Alsacreations]

MàJ (18/02/2012): Après avoir utilisé un peu toutes les fonctionnalités proposées dans le bouquin pour diverses intégrations, cela m’a permis de consolider mes bases et ainsi les performances des sites sur lesquels j’ai travaillé.