媒體類型 (CSS2)

HTML 其中一項重要的缺點在於它基本上是針對在電腦螢幕上瀏覽網頁而設計的一種標記語言。如果你曾經試著列印一些網站頁面，相信你一定會發現在螢幕上看起來很棒 的頁面，用印表機列印出來卻完全不是那麼一回事。事實上有很多網頁的列印結果很糟糕，甚至根本無法列印。

CSS-2 建議規範定義了一套媒體類型（media types，例如電腦螢幕，印表機，手持設備螢幕等等），並且針對各種不同媒體在不同狀況下的版面處理方式有詳盡的規範。為了兼顧使用上的彈性，CSS- 2 建議規範中定義的媒體類型並非全然不可改變，因此在未來，不同的瀏覽器或者應用程式可以較為容易地支援不同的媒體類型。

HTML 4.0 建立了處理不同媒體類型的基本架構，然而 HTML 4.0 規範本身並沒有進一步地特別定義出一套可以用來處理這些其他媒體類型（不同於電腦螢幕）的延伸規範。有鑑於此，CSS-2 建議規範特別針對不同媒體定義了各自的樣式設定方式，彌補了 HTML 4.0 在這項功能的不足之處。CSS-2 支援的媒體類型有很多種，除了電腦螢幕以及印表機以外，尚包含了電視螢幕，手持式電腦設備以及專為盲人設計的布拉耶點字法（Braille）等等。在這篇 文章裡面我們會將重點放在說明兩種主要的媒體：電腦螢幕以及印表機列印媒體上面。在本文稍後也將會討論到聽覺媒體類型（例如將網頁內容「唸」出來的瀏覽 器）以及與之搭配的聽覺樣式表。

傳統上針對電腦螢幕而設計的網頁列印效果不佳的主要原因之一在於：電腦螢幕是一種連續性的媒體 （Continuous media），而印表機的列印頁面則是一種分頁性媒體（paged media）。在電腦螢幕上，頁面內容是以連續不間斷的方式顯示在畫面上，使用者只需要使用捲軸上下捲動即可觀看畫面以外的內容。在這種環境下，我們不需 要擔心分頁位置，頁面邊界以及其他任何可能讓頁面列印結果一團亂的種種版面配置因素。

另一方面，當你將一份文件列印出來的時候，文件內容如何在頁與頁之間適當地流動編排便顯得非常重要。你會希望你 的文件能 夠在適當的位置換頁，好讓版面配置顯得正常，並且每一頁的內容定位都非常精確。相信你也一定不希望網頁在列印的時候看起來一團亂，特別是當你列印一些僅為 一般電腦螢幕而設計的網頁的時候更是容易遇到這種狀況。如果你列印的是那種有大面積圖片的網頁，列印結果出問題的機會可又大大增加了。

有了 CSS-2，你可以精確地設定網頁在列印時候的版面編排方式。設定頁面邊界以及分頁位置只不過是個開端而已，透過樣式表，你可以指示印表機如何列印每個頁面。

很多文件經常會在不同頁面有不同類型的內容，因此你可以指示印表機如何處理這些不同內容類型的頁面。舉例來說，CSS- 2 讓你能夠單獨指定文件裡面第一頁的列印方式，或者在雙面列印的場合下，讓左方頁面與右方頁面各自擁有不同的列印設定。這些功能再結合上其他精確樣式設定， 網頁設計者們現在終於能夠真正地控制頁面的呈現方式了。這項改變不可謂不大。