CSS語法立意讓網(wǎng)頁內(nèi)容與視覺呈現(xiàn)分離,一方面使得頁面維護工作更容易,不會因內(nèi)容或視覺效果改變影響到另一方,這樣的頁面設(shè)計,也對搜尋引擎更為友善,更容易搜尋到頁面內(nèi)容。
CSS,Cascading Style Sheets 串接樣式表,網(wǎng)頁外觀的控制語法
World Wide Web最早是以文件的概念組成,希望透過網(wǎng)頁與超鏈接,讓文件與知識更容易連接援引。從HTML語法大量使用文件概念的標簽(例如代表標題的<H1>,代表段落的<P>),就不難看出WWW的這個特質(zhì)。
然而WWW比起早期其它網(wǎng)絡(luò)媒介更迷人的地方,在于它能直接在頁面嵌入并呈現(xiàn)圖片,這個改變讓WWW發(fā)展迅速,也讓頁面視覺裝飾大為盛行。但網(wǎng)頁先天的文件性格,讓圖像排版設(shè)計難以施展手腳,于是像利用巢狀表格與圖像拼組而成的頁面開始盛行,以求達到精準元素定位與更精美的視覺效果。這個潘多拉盒子一開,造成了許多失控的亂象,讓頁面原始碼難以閱讀與維護。
為了提高網(wǎng)頁在視覺上可以有更多元的表現(xiàn),W3C在1996年推出CSS第一版,提供解決之道。不過由于CSS有賴于瀏覽器的支持,因此長久以來CSS的推展情況一直不佳,一直到IE 6、Firefox等主流瀏覽器支持CSS,才漸漸改善。
CSS語法立意讓網(wǎng)頁內(nèi)容與視覺呈現(xiàn)分離,一方面使得頁面維護工作更容易,不會因內(nèi)容或視覺效果改變影響到另一方,這樣的頁面設(shè)計,也對搜尋引擎更為友善,更容易搜尋到頁面內(nèi)容。其次,CSS也可以增加頁面在不同媒介的呈現(xiàn)效果。同一份頁面,可依據(jù)用途不同,例如在屏幕顯示或打印,而自動切換不同的CSS語法,讓呈現(xiàn)最佳化。也由于讀取頁面的媒介越來越多元(如手機、PDA),CSS可以彈性調(diào)整呈現(xiàn)方式,都更加彰顯CSS在網(wǎng)頁上的優(yōu)勢。