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.

Lire sur cLicours.com :  Cours les tableaux (XHTML & CSS)

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.