Plan de site Navigation
Blog & Blues Techniques et Standards de la Qualité Web

Accueil > weblog


- Lire le billet précédent - Lire le billet suivant -

Indentez vos feuilles de style !

Par Laurent Denis, le 20 août 2004.

Humpff... (gros soupir)

Pour la quatrième fois de la semaine, un lecteur d'OpenWeb (fort sympathique par ailleurs) me fait parvenir pour me demander de l'aide... sa feuille de style non indentée.

C'est tout simplement illisible ! Tiens, prenons celle d'OpenWeb, par exemple (qui est plutôt corpulente) et désindentons-la :

body{background-color:#369;color:#fff;font-family:"TrebuchetMS",Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:small;margin:2em1%;padding:0;}
acronym.premier{cursor:help;border-bottom:1px dotted #369;}
code,pre{color:#297700;background-color:transparent;font-family:"CourierNew",Courier,monospace;font-size:small;}
pre{border-left:5px solid #a2c2e1;padding:0.5em 1em;margin-left:2em;}
blockquote,q{font-style:italic;color:#369;background-color:transparent;quotes:'\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';}
samp{font-size:small;color:#000;background-color:#d6e1ec;}
caption{margin:1em 0;color:#369;background-color:#a1c2e1;font-weight:700;}
thead{background-color:#d6e1ec;color:#369;}
table{margin-top:1em;}
table,td{border-collapse:collapse;border:1px solid #a2c2e1;padding:0.2em;}
:focus{background-image:none !important;background-color:#666!important;color:#fff !important;}

Je vous épargne la suite... Bien malin qui ne multipliera pas les erreurs dans un tel salmigondis.

A votre avis, pourquoi le validateur CSS du W3C vous renvoit-il votre feuille de style parfaitement indentée, même lorsque vous lui soumettez la soupe ci-dessus ?

Ah, au fait, avant que vous n'abordiez le sujet :

  • La feuille de style principale d'OpenWeb indentée et commentée "pèse" 12 819 octets
  • La même, non indentée comme ci-dessus, passe à 11 928 octets

Soit une fabuleuse cure d'amaigrissement de 891 octets pour un document qui ne sera chargé qu'une seule fois par le navigateur...

Trackbacks

Les trackbacks pour ce billet sont temporairement fermés en raison d'une série d'attaques de spam.

Commentaires

drac, le 22 août 2004

Il faut toujours indenté son code de toute façon. Sinon vas y pour la relecture, ou quand tu bosses à plusieurs sur un projet ...

kurt, le 24 août 2004

Indenter signifie commenter, mettre au clair ?

Si c'est le cas, je suis tout à fait d'accord !!!

Pierre Dureau, le 25 août 2004

Indenter signifie : "Élargir la marge sur un paragraphe ou une portion de texte, pour souligner un peu plus la structure du document" (merci linux-france.org).

Généralement, on indente avec la touche tabulation et on accompagne l'indentation de fréquents retours chariots.
Les réfractaires soulignent que les tabulations et les retours chariots comptent chacun comme un caractère ASCII, donc que l'indentation alourdit le code. Mais comme le dit Laurent, la différence est minime et mieux vaut avoir un code clair.

Les commentaires pour ce billet sont temporairement fermés en raison d'une série d'attaques de spam.