19.11.2014 Views

Support de cours - Lita

Support de cours - Lita

Support de cours - Lita

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

De la même façon, les balises génériques span permettent <strong>de</strong> délimiter une boîte<br />

générique en-ligne.<br />

Remarque Les éléments div et span n’ont pas <strong>de</strong> signification particulière : il ne faut<br />

les utiliser que lorsqu’aucune autre balise Html ne peut convenir.<br />

5 Conclusion<br />

Avec un peu d’astuce et d’imagination, il est possible <strong>de</strong> développer <strong>de</strong> magnifiques<br />

mises en page, tout en conservant un co<strong>de</strong> Html simple et clair. Malheureusement,<br />

l’introduction d’élément sans contenu sémantique div et span, souvent nécessaire pour<br />

les mises en page complexes, casse la séparation du contenu et <strong>de</strong> la forme.<br />

En pratique, et pour ne pas abuser <strong>de</strong>s éléments Html génériques, on peut :<br />

1. décrire son site en Html sans utiliser div ni span ;<br />

2. établir une maquette visuelle <strong>de</strong> l’apparence souhaitée <strong>de</strong> son site ;<br />

3. s’approcher au mieux <strong>de</strong> la maquette par du co<strong>de</strong> Css et sans modifier le co<strong>de</strong><br />

Html ;<br />

4. modifier le co<strong>de</strong> Html en introduisant <strong>de</strong>s éléments div ou span lorsque nécessaire ;<br />

5. répéter les étapes 3 et 4 jusqu’à obtention d’un résultat satisfaisant.<br />

37

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!