1ère partie de la présentation HTML5 maintenant : les nouvelles balises, microdata, les nouveaux formulaires, bref tout ce qui fait l'évolution de la sémantique de HTML4
1. HTML5 en production
Maintenant
solutions pratiques
de IE6 à nos jours
Jean-pierre VINCENT
2. Qui ça ?
Jean-pierre VINCENT
braincracking.org (veille techno)
@theystolemynick
Je sers le Web et c'est ma joie :
houra.fr, Yahoo!, Kelkoo
Time of my Life.com
3. HTML5 en production
Maintenant
solutions pratiques
de IE6 à nos jours
Jean-pierre VINCENT
7. contraintes et préjugés
50% de visiteurs avec IE 6-8
HTML5 annoncé pour 2022
(Ian Hickson, éditeur HMTL5)
“I don't think it's ready for production yet“
(Philippe Le Hégaret, chef HTML5)
9. 2022 ? pas peur
•CSS 2.1 : candidate recommandation
10. 2022 ? pas peur
•CSS 2.1 : candidate recommandation
•Selector API 2 : Draft, mais utilisé
par 90% des développeurs grâce à
jQuery
11. 2022 ? pas peur
● CSS 2.1 : candidate recommandation
●Selector API 2 : Draft, mais utilisé
par 90% des développeurs grâce à
jQuery
●HTML4 : 1999, CSS: 1996
implémentations variées ...
12. 2022 ? pas peur
Utilisation en production
!==
Recommandation W3
13. 2022 ? pas peur
Utilisation en production
===
Facilité d'accès
14. 2022 ? pas peur
Utilisation en production
===
Facilité d'accès
+ stabilité
61. Microdata
Google a défini plusieurs vocabulaires :
● Avis et notes
● Fil d'Ariane (breadcrumb)
● Evènements
● Personnes / Entreprises
● Produits
● Recettes de cuisine (!)
62. Microdata
<div>
<h1>Dragon Age</h1>
Avis rédigé par GameSpot le 3 Novembre.
Note: 5 sur 5
</div>
63. Microdata
<div>
<h1>Dragon Age</h1>
Avis rédigé par GameSpot le 3 Novembre.
Note: 5 sur 5
</div>
64. Microdata
<div itemscope>
<h1>Dragon Age</h1>
Avis rédigé par GameSpot le 3 Novembre.
Note: 5 sur 5
</div>