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

Google Plus – Page Pro

Google plus page

Google Plus lance aujourd’hui son système de page pro pour faire connaître une entreprise ou une institution, promouvoir une marque ou un produit, faire la promotion d’un événement, etc …

Les pages entreprises, tant attendues sont désormais disponibles.

Pour créer votre page, cliquer ici –> Créer une page

La création d’une page est très rapide, remplissez 2-3 champs et hop vous avez votre page.
La page pourra avoir ces propres cercles, photos, articles, etc ….

Voici la page entreprise de Google