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

Last updated by Tiago Araújo [SSW] 10 months 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

We open source. Powered by GitHub