Clean HTML
Geneva JUG 28/01/2014
- Audrey Lièvremont
- AIM
- jDuchess
- @alievremont
HTML
=
Hypertext Markup Language
<a href="jug.html">HTML a été créé pour cela</a>
Historique
Le HTML ne sert pas à décrire le rendu des pages
Interopérabilité du HTML
- Navigateurs desktop
- Navigateurs mobiles
- Lecteurs d'écran
- Navigateurs en mode texte...
HTML
CSS
JavaScript
Pourquoi ne faut-il pas faire de mise en page avec des <table> ?
Parce que ce n'est pas fait pour cela !
Oui, mais...
160 caractères
<table>
<tr id="first"><td colspan="3">1</td></tr>
<tr id="second"><td colspan="2">2</td><td>3</td></tr>
<tr id="third"><td>4</td><td>5</td><td>6</td></tr>
</table>
115 caractères
<div id="bloc1">1</div>
<div id="bloc2">2</div>
<div id="bloc3">3</div>
<div id="bloc4">4</div>
<div id="bloc5">5</div>
+ 39%
160 caractères
Interopérabilité
- Navigateurs
- Mobiles
- Navigateurs mode texte
- Impression
- ...
Le HTML ne doit pas contrôler le rendu du document
HTML
CSS
JavaScript
Pourquoi ne faut-il pas utiliser de <table>
pour la mise en page ?
Parce que ce n'est pas prévu pour ça !
Oui mais...
Références
- Spécification de HTML living standards : http://www.whatwg.org/specs/web-apps/current-work/multipage/introduction.html#abstract
- Image sur le modèle MVC par Deltacen
deck
By Audrey Lièvremont
deck
- 902