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

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

123
<introEmbed body={<> We have a rule on [using relevant words on links](/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

Adam Cogan
Tiago Araujo
Related rules

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