Do you keep the URL next to each link on printing?

Loading last updated info...

We have a rule on using relevant words on links. How to make sure people will know which words are links and what the links are after printing a page?

As a good practice, you should use CSS to print the URL's next to each link when printing:

@media print {
a[href]:after {
content: " (" attr(href) ")";
}
}

In specific cases, like on breadcrumbs and logo, you don't want these URL's, so you should override the style:

@media print {
.breadcrumba[href]:after {
content: none;
}
Image

✅ Figure: Good example - Printing links on the content but avoiding it on obvious places, like the logo and bradcrumbs

Authors

Need help?

SSW Consulting has over 30 years of experience developing awesome software solutions.

We open source.Loving SSW Rules? Star us on GitHub. Star