Voici la liste des nouveaux tags HTML qui font leur apparition avec le nouveau HTML5 :

• <article> défini un bloc article
• <aside> défini un bloc se situant a coté du bloc principal
• <audio> défini un bloc contenant de l’audio
• <canvas> défini un bloc graphique (très intéressant)
• <command> défini un bouton de commande
• <datalist> défini une liste déroulante
• <details> défini le détail d’un élément
• <dialog> défini une conversation
• <embed> défini un plug-in/module (externe)
• <figure> défini un groupe de média et leur légende
• <footer> défini un pied de page
• <header> défini une entête
• <hgroup> défini des informations sur une section d’un document
• <keygen> défini une clé générée d’un formulaire
• <mark> défini un texte marqué
• <meter> défini une mesure
• <nav> défini les liens de navigation
• <output> défini les types de sorties
• <progress> défini la progression d’une tache donnée
• <rp> défini ce que doit afficher lorsque le Ruby n’est pas supporté
• <rt> défini les explications des annotations Ruby
• <ruby> défini des annotations Ruby
• <section> défini une section
• <source> défini les sources du média
• <time> défini la date et l’heure
• <video> défini une vidéo

En gros beaucoup de tags sont créés pour remplacer le <div> en permettant de cibler (les moteurs de recherche) plus précisément le contenu. Sachant que vous pourrez aussi structurer votre code en faisant ressortir les données de façon plus claire :

Voici un exemple de structure de donnée

La principale innovation reste tout de même l’implémentation du tag <canvas>, contrôlable en JavaScript lui permettant de dessiner pixel par pixel sur ce canvas réservé.

Voici un exemple d’application, un jeu en 3d à la Wolfenstein :

En voici d’autres assez jolie par ici et là.

Quelques méthodes et attributs pour votre canvas HTML5 :

HTML5 Canvas propriétés

source HTML5 (UK)

Zakstudio Développement html, html5, tag, tags

Tout est dans le titre. Ce site permet de transformer une page Html en un Pdf transportable et imprimable.

Si vous voulez tester la bête, allez juste sur ce site, c’est gratuit et aucune installation ne sera à faire.

Zakstudio Internet html, Internet, pdf