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

HTML5 – Les balises

Publié par scoco