黄色在线观看视频网站,精品久久蜜桃,这里只有视频精品,97久久精品人人爽人人爽蜜臀

把XHTML/CSS頁面轉換成為打印機頁面
時間:2006年05月18日 內容來源: 互諾科技 瀏覽量:0

在以前,為Web頁面創(chuàng)建一個打印機友好的版本意味著要設計一個布局和格式都經過修改的單獨頁面,這樣才能夠在打印的時候獲得令人滿意的效果。現在,通過使用結構化的XHTML和CSS,你可以實現同樣的效果而只用花費少得多的精力。
 
從屏幕顯示到打印效果

大多數的Web頁面都是設計適用于在計算機屏幕上觀看的。然而,有的時候用戶需要將某些頁面打印出來,也許就是為了保留一個長期的記錄,或者將其用作方便的離線參考資料。

現在的麻煩是,讓Web頁面在計算機彩色屏幕上看起來引人注目和五彩繽紛的很多特性,都無法在打印版的Web頁面上表現出相同的效果——尤其當打印機是黑白的時候。在被降級為灰度打印的時候,彩色的組合會失去(原有的)對比效果;圖形會看起來失真,而且耗費太長的打印時間;在Web頁面上起著重要作用的導航按鈕在打印頁面上也毫無用處。

為了克服這些問題,Web的創(chuàng)建者常常會為頁面專門設計一個打印機友好的版本,這樣訪問者就有打印的欲望。打印機友好的版本通常都包括有和主要Web頁面相同的內容,但是會省略掉大多數的圖形、背景和導航元素。頁面還會把彩色轉換成某種形式,以便生成能夠讓人接受的灰度圖像。

CSS的解決方案

使用結構化的XHTML標示和CSS格式將內容和表示分離開來的一個優(yōu)勢在于,通過更改CSS樣式,你可以很輕易就把內容重新格式化。因此,創(chuàng)建一個打印機友好的頁面就是把一個不同的CSS文件鏈接到相同的XHTML頁面上。

你可以同時把屏幕樣式表和打印樣式表鏈接到同一個XHTML文件里,所以就沒有必要單獨創(chuàng)建一個打印機友好的頁面,只需要一個打印機友好的樣式表就行了。當你在鏈接代碼里加入多媒體類型的文件時,這就是在告訴瀏覽器為了進行屏幕輸出要遵循或者忽略哪些CSS的規(guī)則,而為了打印輸出要使用哪些規(guī)則。

下面是鏈接到一對CSS文件的例子:

<link rel="stylesheet" type="text/css" media="screen"
/>
<link rel="stylesheet" type="text/css" media="print" />

如果需要支持老版本的瀏覽器,那你就必須堅持使用CSS1的媒體描述符screen和print。它們是相互排斥的,因此在為屏幕顯示而生成頁面的時候,瀏覽器會忽略掉打印樣式表,反之亦然。所以,每個樣式表都需要包含相同的樣式選擇器,但是有不同的規(guī)則聲明,以便為不同的輸出設備分別生成頁面樣式。

 
 
主站蜘蛛池模板: 观塘区| 东乡| 尚义县| 仪陇县| 祥云县| 东方市| 宜丰县| 彰化市| 枞阳县| 平和县| 建湖县| 甘谷县| 伊川县| 都安| 胶州市| 巴南区| 崇明县| 新营市| 闽清县| 晋江市| 巴里| 阳江市| 白朗县| 鲁甸县| 体育| 尖扎县| 玉林市| 保康县| 余江县| 张家口市| 新源县| 瑞金市| 星子县| 宽城| 卢湾区| 荔浦县| 镇坪县| 文化| 乐都县| 惠水县| 武胜县|