»conteneur (div & span)
<span>
La balise span est dénuée de sémantique, elle sert à délimiter une portion de texte. Elle ne présente aucune particularité d'affichage
<div>
Une pratique courante en HTML "old school" était de se servir des tables pour la mise en forme général du site : typiquement définir, une zone en tête, une zone menu et une zone contenu ...
Cette pratique doit désormais être abandonnée au profit de la mise en forme via les boites HTML : la balise <div>.
la balise div ne possède pas non plus de sémantique particulière. Cette balise contient un bloc d'HTML ( du texte, des liens, des images, des formulaires ou des tableaux).
Le réel intérêt de ces deux balises réside dans leur manipulation via CSS.
On remarque bien vite qu'il arrive souvent qu'il y ait des divergences d'affichages entre navigateur :-/ Je ne détaillerai donc pas cette partie qui est une affaire de spécialiste et non de néophytes. En tant que tel les choix qui s'offrent à vous sont les suivants :
- Adapter un tempalte XHTML CSS mis à disposition
- Adapter un tempalte XHTML CSS d'un site web qui vous plaît (souvenez vous que vous pouvez afficher la source XHTML et les CSS de n'importe quelle page)
- Faire vous mêmes des templates HTML simples
- Comprendre le positionnement via CSS
Dans tous le cas, le webmaster consciencieux vérifiera que Internet Explorer et FireFox affiche correctement ces pages. Le webmaster un peu plus zélé lui testera également ces pages avec Netscape, Opéra, Safari, Internet Explorer pour MAC ... Et finira par avoir un gros mal de tête.
Dans tous les cas ne perdez jamais de vu que plus c'est simple (c'est à dire moins il y a de code XHTML & CSS) et plus vous avez des chances d'être compatible avec un grand nombre de navigarteur web.
