Pourquoi passer au HTML 5 ?
Première section de l'article
Cette page utilise à la fois du HTML 5 et du CSS 3 (essayez de passer votre souris sur l'image ci-contre). Il est donc possible que vous ne voyiez pas tous les effets dus au CSS, en fonction de votre navigateur.
Vous pouvez inspecter cette page en faisant un clic droit > afficher la source. Le code a été commenté, afin que vous puissiez comprendre le fonctionnement.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mattis volutpat sapien, eget placerat est vehicula in. Maecenas consectetur diam tortor. Mauris auctor nisi at erat semper consectetur tempus nibh pharetra. Phasellus sollicitudin adipiscing mauris eu scelerisque. Morbi porta pharetra lectus. Nam a nibh nec enim porta consectetur quis eget sem. In consectetur dolor leo, nec bibendum nisl. Sed quis posuere eros. Morbi egestas aliquam magna quis bibendum. Etiam ligula ligula, accumsan sit amet malesuada eu, convallis eget libero. Sed id magna eget ligula vehicula pulvinar. Sed vehicula volutpat sagittis. Integer egestas congue eros non venenatis. Nam eleifend adipiscing consequat? Praesent condimentum, ligula ac interdum faucibus, elit libero cursus arcu; sed eleifend velit neque sodales erat. Pellentesque non massa non lectus sagittis porta. Vivamus nisi massa, adipiscing ultrices egestas at, viverra et orci.
Seconde section de l'article : Exemple de formulaire
Le formulaire suivant utilise certaines fonctions du HTML 5, au niveau des balises <input>.
Dans ce formulaire, le champ texte requis aura une bordure rouge s'il n'est pas rempli !
Fonctionne seulement avec certains navigateurs !
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mattis volutpat sapien, eget placerat est vehicula in. Maecenas consectetur diam tortor. Mauris auctor nisi at erat semper consectetur tempus nibh pharetra. Phasellus sollicitudin adipiscing mauris eu scelerisque. Morbi porta pharetra lectus. Nam a nibh nec enim porta consectetur quis eget sem. In consectetur dolor leo, nec bibendum nisl. Sed quis posuere eros. Morbi egestas aliquam magna quis bibendum. Etiam ligula ligula, accumsan sit amet malesuada eu, convallis eget libero. Sed id magna eget ligula vehicula pulvinar. Sed vehicula volutpat sagittis. Integer egestas congue eros non venenatis. Nam eleifend adipiscing consequat? Praesent condimentum, ligula ac interdum faucibus, elit libero cursus arcu; sed eleifend velit neque sodales erat. Pellentesque non massa non lectus sagittis porta. Vivamus nisi massa, adipiscing ultrices egestas at, viverra et orci.