Comment puis-je rendre un élément Div cliquable tout en conservant la conformité XHTML 1.1 ?-tutoriel CSS-php.cn

How Can I Make a Div Element Clickable While Maintaining XHTML 1.1 Compliance?

Transformer un Div en un lien cliquable avec la conformité XHTML 1.1

La nécessité de transformer un

élément en un lien cliquable sans altérer son contenu existant se produit dans divers scénarios de développement Web. Alors que la méthode simple d'encapsulation du fichier

dans un peut sembler logique, elle ne répond pas aux normes de validation XHTML 1.1.

Mise en œuvre d'une solution XHTML 1.1 valide

Pour relever ce défi, une solution plus complexe est nécessaire. maintient la conformité XHTML 1.1. Au lieu d'envelopper directement le

avec un élément, il est recommandé de :

Créer un lien par défaut : Placer un élément de lien () au sein de l'élément
qui servira de lien principal pour l'ensemble de l'élément.

Insérez une étendue vide : Dans le champ élément, incluez une balise span vide ().

Positionnez l'élément : Attribuez "position:relative;" au

conteneur pour établir son positionnement relatif.

CSS pour le span : Appliquez les propriétés CSS suivantes au span vide :

{ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  z-index: 1;

  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('empty.gif');
}

Copier après la connexion

Ce CSS garantit que la durée couvre l'ensemble du

et agit comme un lien cliquable, améliorant l'accessibilité des utilisateurs et maintenant la conformité XHTML 1.1.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Article précédent：Comment puis-je obtenir un retour à la ligne multi-navigateurs dans les divisions ? Article suivant：Pourquoi mon image en transition CSS est-elle floue ou décalée de 1 px dans Chrome ?

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur