把XHTML+CSS页面转换成为打印机页面

在早年，为Web页面建设一个打印机友爱的版本意味着要计一律个机关和名目都颠末修改的单独页面，这样才气够在打印的时辰得到令人满足的结果。此刻，通过行使布局化的XHTML和CSS，你可以实现同样的结果而只用耗费少得多的精神。

从屏幕表现到打印结果

大大都的Web页面都是计划合用于在计较机屏幕上寓目标。然而，有的时辰用户必要将某些页面打印出来，大概就是为了保存一个恒久的记录，可能将其用作利便的离线参考资料。

此刻的贫困是，让Web页面在计较机彩色屏幕上看起来引人注目和花团锦簇的许多特征，都无法在打印版的Web页面上示意出沟通的结果——尤其当打印机是利害的时辰。在被降级为灰度打印的时辰，彩色的组合会失去（原有的）比拟结果；图形会看起来失真，并且淹灭太长的打印时刻；在Web页面上起着重要浸染的导航按钮在打印页面上也毫无用处。

为了降服这些题目，Web的建设者经常会为页面专门计一律个打印机友爱的版本，这样会见者就有打印的欲望。打印机友爱的版本凡是都包罗有和首要Web页面沟通的内容，可是会省略掉大大都的图形、配景和导航元素。页面还会把彩色转换成某种情势，以便天生可以或许让人接管的灰度图像。

CSS的办理方案

行使布局化的XHTML标示和CSS名目将内容和暗示分分开来的一个上风在于，通过变动CSS样式，你可以很等闲就把内容从头名目化。因此，建设一个打印机友爱的页面就是把一个差异的CSS文件链接到沟通的XHTML页面上。

你可以同时把屏幕样式表和打印样式表链接到统一个XHTML文件里，以是就没有须要单独建设一个打印机友爱的页面，只必要一个打印机友爱的样式表就行了。当你在链接代码里插手多媒体范例的文件时，这就是在汇报赏识器为了举办屏幕输出要遵循可能忽略哪些CSS的法则，而为了打印输出要行使哪些法则。

下面是链接到一对CSS文件的例子：

************************************************************

/>

*************************************************************

假如必要支持老版本的赏识器，那你就必需僵持行使CSS1的媒体描写符screen和print。它们是彼此排出的，因此在为屏幕表现而天生页面的时辰，赏识器会忽略掉打印样式表，反之亦然。以是，每个样式表都必要包括沟通的样式选择器，可是有差异的法则声明，以便为差异的输出装备别离天生页面样式。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!