Code source
Étudions le fichier suivant Source ( voir détails )Améliorations du code
Nous pouvons observer que nous avons factorisé les propriétés communes dans une même classe item et utilisé une classe spécifique "word" et "ppt" pour définir l'image de l'icône.Cette conception facilite la maintenance du code.
Mais, comment modifier le css pour réduire le code HTML à
<body>
<div class="window">
<div class="titlebar">
...
</div>
<div class="contents">
<a href="pos/pos.doc"> posit</a>
<a href="position.html"> bloc</a>
<a href="bureau/bur.doc"> bureau</a>
<a href="imprimer/index.html">Impression</a>
<a href="menu/menu.ppt"> Menu </a>
<a href="dir">Folder </a>
<a href="page/page.doc"> page </a>
<a href="newpage.html"> page tout en 1</a>
<a href="lien/lien.html"> liens </a>
</div>
<a href="cour.ppt"> cour </a>
</div>
</body>