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