Utilisation de XHTML et des CSS
CSS
Le langage CSS (Cascading Style Sheets : feuilles de style en cascade) est utilisé pour décrire la présentation d'un document structuré écrit en HTML ou en XML, il s'agit aussi d'un format crée par le W3C.Historique
Dans les années 1990, plusieurs navigateurs avaient leur langage de style propre qui pouvaient être utilisé pour personnaliser les documents web. Le concept des feuilles de style a été à l'origine proposé en 1994 par Håkon Wium Lie ; Bert Bos travaillant au même moment sur un navigateur appelé Argo qui utilisait ces feuilles de style, ils décidèrent alors de développer ensemble CSS.
À cette même époque, le World Wide Web Consortium (W3C) se créait, et le consortium se prit d'intérêt pour CSS, et organisa un travail autour du langage. Håkon et Bert étaient les responsables du projet. D'autres membres, comme Thomas Reardon (de Microsoft) y ont participé. Fin 1996, CSS était presque prêt à être officialisé. La norme CSS1 fut publiée en décembre 1996.
En 1997, CSS a été attribué à un groupe de travail au sein du W3C, présidé par Chris Lilley. Ce groupe commença par s'occuper des problèmes non réglés par CSS1, ce qui entraîna la parution de CSS2 comme une recommandation officielle en mai 1998. CSS3 est actuellement en développement.
Problèmes récurrents
Même les navigateurs qui ont achevé leur implémentation de CSS2 l'ont souvent fait avec difficulté, beaucoup d'implémentations de CSS sont incomplètes ou boguées. Les développeurs de sites web ont la plupart du temps recours à des astuces (proche du bidouillage) pour réussir à obtenir un même résultat au travers de différents navigateurs et plates-formes. Nous aborderons ce thème un peu plus précisément dans une autre partie de ce site.
Devant les difficultés rencontrées lors de l'implémentation de CSS2, le W3C a décidé de revoir sa copie, et de présenter une version simplifiée sur la base de ce qui a réellement pu être intégré à différents navigateurs. Cette nouvelle version, CSS2.1, est actuellement au stade de Candidate Recommendation en attendant CSS3.
Intégrer un feuille CSS dans un document
Il existe plusieurs méthodes pour faire le lien entre une feuille CSS et le document XHTML que l'on voudra afficher.
- Lien direct entre la page XHTML et la feuille de style CSS grâce à la balise <link> Cette balise se place dans la partie head du document XHTML. Elle permet de spécifier quelle feuille de style utiliser et surtout pour quel type de média l'utiliser (écran, imprimante, etc ...)
- Dans l'entête du document XHTML on peut utiliser les balises <style></style> pour déclarer les directives CSS dans le fichier XHTML.
- Toujours dans l'entête du document et dans la balise <style> on peut employer la directive CSS : @import qui permettra de faire appel à une feuille CSS spécifique.
Si jamais on ne veut pas spécifier directement une feuille de style à la page XHTML on peut toujours utiliser l'attribut style de chaque balise, dans cet attribut on pourra déclarer quelques directives CSS comme par exemple :
<span style="color:green;
font-size:0.8em;
font-weight:bold">Ceci est un texte vert et gras</span>