使用CSS优化你的链接以便打印显示URL

230 阅读5分钟

当你在你可靠的浏览器中从一个页面移动到另一个页面时,你可以将鼠标悬停在链接上,在状态栏中查看链接的目标URL。然而,当涉及到页面打印时,这显然不是一个选项。大多数网站的打印结果只是将链接显示为带下划线的文本。这有什么用呢?

链接应该是可打印的

许多人在创建任何类型的网页时,都忘记了一个关键因素,那就是他们应该使插入的链接可以打印。

你看,有很多人想查看你通过插入网页的链接提供给他们的信息和研究。不幸的是,如果你没有让他们容易和可能地打印出这些链接,他们可能无法像他们想要的那样完整地看这些链接。

使链接可打印是一个进入CSS代码的问题,要确保你所插入的任何URL对你的受众来说是真正可打印的。我们完全期望你会花时间为那些愿意来阅读你的材料的人做这件事。

说实话,你欠他们一个感谢的信号,因为他们首先来看看你正在创造什么。

Internet Explorer经常忽略代码

当你开始为你的URLs使用CSS代码时,有一件事要记住:如果你没有把代码弄得恰到好处,IE浏览器完全有可能忽略你放在那里的代码。

Internet Explorer的设置方式是,如果Internet Explorer认为某些代码和人们插入网站的其他材料不相关,它就会忽略这些代码。

这就是为什么你必须掌握一切,以确保当你知道你所使用的代码对你的网站的有用性极其重要时,IE浏览器确实将你的代码逼出来。

为了给你的内容浏览者提供额外的帮助,你可能想包括一个信息片段,让他们知道当他们试图打印文章中的链接时,Internet Explorer可能会导致一些问题。一两句鼓励他们使用不同的互联网门户,如火狐或谷歌浏览器,可能证明对你的所有读者都是有益的。

他们需要访问你的信息,但如果他们只使用IE浏览器,他们可能很难获得这些信息。可悲的是,他们甚至可能没有意识到这是一个问题,除非你明确指出,他们需要切换浏览器才能打印出他们所需要的信息。

花点时间,快速说一下为什么用户需要切换到使用Internet Explorer以外的浏览器来获取他们需要的信息。

如果你这样做,那么他们将能够最终获得你所提供的信息,而不会仅仅因为他们使用的浏览器而受到干扰。简单的一句话,你就可以帮助解决他们所面临的许多问题。

在你的页面的印刷版本中提供链接的URL,对读者来说是非常有帮助的。使用一小段CSS代码,你可以让打印件在链接文本的旁边显示链接的URL。

CSS代码

a:link:after, a:visited:after { content:" [" attr(href) "] "; } 

这种显示链接网址的打印方法的缺陷是Internet Explorer忽略了这段代码。如果显示链接的URL很重要,我建议使用javascript替代。如果不是这样,可以把这个片段添加到你的打印样式表中,使你的页面打印出来的信息更丰富。

JavaScript替代品可以提供帮助

在有些情况下,JavaScript替代品可以帮助你绕过Internet Explorer对一些代码设置的自动屏蔽器。

你可能需要绕过传统的系统,以获得你所需要的结果,但是如果你使用一些替代程序来实现你的结果,你应该有很多成功的经验,使代码看起来就像你需要的那样。

有时,你只需像这样跳出盒子思考,以绕过计算空间内不幸存在的障碍。我们都可以希望有一天,在我们自己和我们想放在互联网上的东西之间没有那么多层的保护主义。

如果我们能够使用我们所掌握的一些工具,如JavaScript替代品等,那么我们也许能够在正确的方向上取得一些进展。可以肯定的是,这是一个挑战,但有很多方法可以让我们建立一个更好的互联网和一个更好的世界。

印刷对链接仍有意义吗?

关于打印能力对人们来说有多重要,有不同的流派,但大多数人都认为有打印能力比没有好。

人们有时想打印一些东西,这样他们就可以在自己的时间里查看,甚至把打印的副本交给他们认为可能会从中受益的其他人。你为什么要剥夺他们这样做的能力?

在你的链接上使用的CSS代码对于其他人最终能否使用它来打印出他们在屏幕上看到的东西来说是非常重要的。这就是为什么你应该特别小心,确保代码写得恰到好处。

在有些情况下,你的观众可能会对你提供的信息感到高兴,但他们可能并不是走到哪里都能上网。如果他们需要在无法上网的情况下调出你的信息,那么他们就有必要打印出他们需要的文件。

因此,你可能想花一些时间把你的链接变成一种允许他们打印的形式。

不是每个访问你的网站的人都会关心打印什么东西,但那些关心它的人将会注意到你为使他们能够打印而采取的措施,他们一定会感谢你为他们所做的一切。