网站设计中关于可直接打印的HTML页面设计的注意事项

　在网站的一些运用中需求供应用户直接打印页面的功用，最常见的就是电子优惠券，商家根据网站供应的模板输入内容，然后生成优惠券页面，用户打印这个页面就是优惠券。

　　当然最优的做法是根据这个页面生成一个图片文件，用户下载这个图片再去打印，打印的效果就不会受浏览器的设置而受影响打印出来的效果。

　　但那样的方法过分杂乱，一般我们是直接将HTML页面打印出来，这样就需求在网页规划中有一些额外的要求，这儿提出两点注意事项：

　　1. 对style标签的特色设置：

　　这儿表明该style内引入或许定义的样式特色只是在打印的时分运用，这儿提示一下，假如没有设置media特色，那么定义的样式将在浏览器和打印时都起效，所以建议将类似这样的样式放在全部常规样式之后。比如我们期望在打印出来的页面上有一行“专业深圳网站建设公司-联灿科技”，但在浏览器中并不显示：

　　那么我们就可以在一致样式中设置.printTitle{display:none;},而在后边的media为”print”的样式中设置为.printTitle{display:block;}。在定义的打印样式并不是在打印时的优先级会高于常规定义的样式，所以再次建议将打印样式放在全部常规样式之后。

　　2. 在页面打印的时分浏览器的设置会对打印的效果有影响，在IE中的“东西”–“Internet选项”–“高档”中有一个“打印布景颜色和图画”，类似的在Firefox中“文件”–“页面设置”中有一个“打印布景颜色和图画”，当这个选项被选中的时分，页面中的布景颜色和图片都可以打印出来（有些不规范的IE内核浏览器好像有些问题，布景颜色可以打印出来，但是布景图片不行），假如没有选中则布景颜色和图片都无法打印出来，所以为了屏蔽用户不同的浏览器和浏览器设置，我建议两点，一是在用布风光填充的区域作为分界的当地加上1px的边框，颜色和布风光一样，这样在浏览器中看不出来变化，而在打印的时分即运用户的设置导致布风光无法打印出来也可以有一个边框来作为切开，大程度上保留了页面布局；第二是对全部必不可少的图片都运用标签，这样不管用户浏览器怎么设置都可以将这些图片打印出来，可能这样与往常一些页面规划方法不同，但为了一致打印的效果，这些都是必须要留心的。