Imprimer l’adresse des liens lors de l’impression d’une page Web

Lorsqu’on imprime une page Web, les liens positionnées sur des mots ou des expressions ne sont pas utilisable. J’ai beau cliquer sur la feuille de papier, la feuille pointé n’apparait pas sur mon bureau. Pourtant, il existe une solution simple basé sur les feuilles de styles CSS. On va ajouter l’URL à la suite du texte du lien.

On va donc transformer le lien suivant :

Page d’accueil

en

Page d’accueil (http://truffo.fr)

La puissance des CSS

On va utiliser la pseudo classe after et la propriété css content :

a:after {
  content: " (" attr(href) ")"
}

On note que la propriété content dispose d’une fonction qui permet de récupérer le contenu de l’élément courant, la fonction attr

Articles liés

Ouverture des liens dans une nouvelle fenêtre
Imprimer peut être plus intéressant au niveau environnemental qu’un document électronique
Display:inline-block sur tous les navigateurs actuelles
Et vous savez vous faire des liens ?
Tableau de mise en page une si mauvaise pratique ?

Laisser un commentaire

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

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" cssfile="">