Vous êtes ici : Accueil

Soumission:Par Jib le 21 août 2007 à 10:57:30


Cette soumission de bonne pratique est en attente de validation par un administrateur du site.

Libellé


Ne pas utiliser d'image sans solution d'interprétation dans un Hn.

Objectifs


Pouvoir identifier rapidement un titre lors d'un outline de la page et donc éviter d'avoir un titre "vide"

Solutions techniques

Une solution technique possible est l'utilisation d'un span à l'intérieur du Hn. Exemple :

- Dans le code HTML

<h1><span>Titre de niveau 1</span></h1>

- Dans la feuille de style

h1 {

 height:100px; /* Hauteur de l'image */
 width:200px; /* Largeur de l'image */
 background:transparent url(logo.gif) top left no-repeat;  /* Adresse de l'image */

}

h1 span {

 display:none;

}

Moyens de contrôle


- Vérification du code HTML

- Outline de la page


Menu

Article

  • Bonne pratique

Votre compte

Contrat Creative Commons