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

Updated by Tiago Araújo [SSW] 2 years ago. See history

123

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

acknowledgements
related rules