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

Last updated by Tiago Araújo [SSW] over 1 year ago.See history

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;
}

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

Adam Cogan
Tiago Araujo
We open source.Loving SSW Rules? Star us on GitHub. Star
Stand by... we're migrating this site to TinaCMS