Pourquoi passer à HTML5 ?

Création web

Pourquoi passer à HTML5 ?

Au lieu d’entrer dans une longue analyse et explication des nouvelles balises de l’HTML 5, je vais plutôt vous résumer les avantages de en 10 points.

1 – Rien de plus simple que le doctype à déclarer :

<!DOCTYPE html>

2 – la même chose pour l’encodage :

au lieu de :

ce qui été une grande perte du temps.

3 – plus de soucis avec Internet Explorer.

Vous ajoutez le script suivant dans la balise <head> et le tour est joué !!

nos nouvelles balises seront afficher correctement sur toutes les versions de IE inférieur à IE 9:

<!--[if lt IE 9]>

document.createElement("header");

document.createElement("section");

</script>

<![endif]-->

4 - Structure de page plus simple

De nouvelles balises structurelles votre document est structuré sémantiquement de la façon suivante :

<header> : en tête de page.

<nav>: les liens de navigation principale.

<section> : permet de regrouper le contenu de manière thématique,

<aside> : vous pouvez mettre ici un contenu différent du contenu principal

<footer> : pour mettre des informations tels que : auteur, copyright, liens vers des contenus similaires…

<mark> : définit un texte marqué.

Mais cependant vous pouvez utiliser d’autres balises.

5 – Le HTML5 guéris la "div"ite aiguë !

6 – les attributs "rôle" ajouter au nouvelles balises :

main : pour déclarer le contenu principal d’une page

secondary : indique la section unique et secondaire d’une page,

navigation : définit le menu de navigation de la page,

banner : placer en haut de page, elle peut contenir un logo ou de la publicité,...

contentinfo : informations sur le contenu de la page : notes, copyrights, mentions légales, ...

definition : définit la définition d'un objet 

note : définit une note entre parenthèse.

seealso : indique que l'élément contient des données contextuelles au contenu principal de la page

search : pour le formulaire de recherche.

7 - L’audio et la vidéo y sont incorporer :)

Plus besoin du plugin (Flash par exemple) il y a maintenant les balise <audio> ou <video>. Vos seront parfaitement accessibles sur tous les Smartphones du marché.

Pour ce qui est des navigateurs c’est juste une question de temps avant qu’ils se mettent d’accord sur un codec vidéo standard à adopter.

8 – De l’élégance pour les nouveaux formulaires

En fin des attributs utiles :

placeholder : affiche du texte de remplacement dans un champ (input),

required : pour rendre facilement un champ requis.

autocomplete : si vous voulez désactiver le remplissage automatique de certains champs sensibles (identifiants bancaires par exemple) rien de plus simple avec ce nouvelle attribut.

Et la liste et langue…

9 - Microsoft respecte à présent l’HTML 5 et CSS3

Les standards du WC3 sont à enfin respecter par Microsoft avec la nouvelle version d’Internet Explorer 9. Microsoft est quand même un membre du W3C, l’organisme mondial qui émet les recommandations à suivre pour le web, mais bizarrement est Microsoft les respectait pas.

10 - HTML5 c’est l’avenir

Finalement, c’est un beau passage obligé pour les web masters. Mais HTML5 est là pour faciliter les choses et non les compliqués. Donc vous n’avez pas à craindre le changement de plus ai que c’est un agréable changement ;)