One of the fundamental features of webpages is the ability to link resources together. However, whenever you print a page, you lose all the URI information on that page. Fortunately, there is a easy way to retain these URIs even when the page is printed on paper: CSS.

A lot of websites already use print CSS files, and with a few extra styles you can have the page print with the href attributes.

a:after {
  content: " (" attr(href) ") ";
}

This CSS will append the href attirbute of the a element to itself. Of course, some URIs don't include the http://, so you might also need to add this CSS rule, which add your website's URI to the beginning of each link.

a[href^="/"]:after {
  content: " (http://www.mywebsite.com" attr(href) ") ";
}	


blog comments powered by Disqus