La norme XHTML et les feuilles de styles

Cours la norme XHTML et les feuilles de styles, tutoriel & guide de travaux pratiques en pdf.

Feuilles de styles

L’idéal est d’abandonner toute balise de mise en forme pour n’utiliser que les deux balises suivantes : span et div. Ainsi, fini les font, p, center et autres aberrations !
Evidemment, ceux deux balises devront être associées à des feuilles de style pour pouvoir mettre en forme vos pages.
Exemple : <div style= »font-familly:verdana,arial;font-weight:bold;color:red; »> ou mieux : <div class= »erreur »>.
Note : span s’utilise localement pour un plusieurs mots alors que div s’applique à un bloc (car effectue un saut de ligne avant et après).
Exemple :
<div class= »paragraphe »>
Un paragraphe entier, avec beaucoup de lignes.
Et des passages <span class= »important »>dans d’autres styles</span>.
</div>

Accessibilité

La norme HTML 4 rend obligatoire l’attribut ALT (texte alternatif) de la balise IMG (image). En effet, c’est ce texte qui est affiché en lieu et place de l’image si celle-ci ne peut être affiché (absente, navigateur incompatible, navigateur non voyant). Lors du survol de la souris sur l’image, ce texte est affiché en info-bulle.
Pour ce ceux qui ne peuvent pas voir vos images aient connaissance du sens que portent vos images, pensez bien à mettre l’attribut ALT. Le texte de votre attribut ALT doit être le plus concis possible.

Pour les images ne portant pas de sens, comme par exemple les puces de liste, il faut donner à ALT une chaîne vide pour valeur.

Exemple :
<img src= »images/etats.jpg » alt= »Les états de la matière : solide, liquide et gazeux. » />

Cours gratuitTélécharger le cours complet

Télécharger aussi :

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *