ez 2013-01-27
記得剛開始的時候,真的稿不太懂什麽是CSS?什麽是HTML?不都是網頁原始碼,兩者有什麼不同??
身為一個認真的企劃,我們當然都會去Google一下,然後…
CSS,層疊樣式表(Cascading Style Sheets,簡寫CSS) 又稱串樣式列表,一種用來為結構化文件(如HTML文件或XML應用)添加樣式(字型、間距和顏色等)的電腦語言,由W3C定義和維護。目前最新版本是CSS2.1,為W3C的候選推薦標準。CSS3現在已被大部分現代瀏覽器支援,而下一版的CSS4仍在開發過程中。
HTML,超文件標示語言(HyperText Markup Language,簡寫HTML) 是為「網頁建立和其它可在網頁瀏覽器中看到的訊息」設計的一種標示語言。HTML被用來結構化訊息——例如標題、段落和列表等等,也可用來在一定程度上描述文件的外觀和語意。1982年由蒂姆·伯納斯-李建立,由IETF用簡化的SGML(標準通用標示語言)語法進行進一步發展的HTML,後來成為國際標準,由全球資訊網協會(W3C)維護。 HTML檔案最常用的副檔名(副檔名)是.html,但是像DOS這樣的舊作業系統限制副檔名為最多3個字元,所以.htm副檔名也允許使用。現在.htm副檔名使用的比較少一些了,但是仍舊受到支援。編者可以用任何文字編輯器或所見即所得的HTML編輯器來編輯HTML檔案。 早期的HTML語法規則定義較為鬆散,這有助於不熟悉網路出版的人採用。網頁瀏覽器接受了這個事實,使之可以顯示語法不嚴格的網頁。隨著時間的流逝,官方標準漸漸趨於嚴格的語法,但是瀏覽器繼續顯示一些遠稱不上合乎標準的HTML。使用XML的嚴格規則的XHTML(可延伸超文件標示語言)是W3C計劃中的HTML的接替者。雖然很多人認為它已經成為當前的HTML標準,但是它實際上是一個獨立的、和HTML平行發展的標準。W3C目前建議使用XHTML 1.1、XHTML 1.0或者HTML 4.01標準編寫網頁,但已有不少網頁轉用較新的 HTML5 編碼撰寫(如Google)。 (以上資料來源︰維基百科)
天啊~~這到底在說什麼!可以說國語嗎??? ◢▆▅▄▃崩╰(〒皿〒)╯潰▃▄▅▇◣
後來,歷經近一年的參悟後,我終於悟出,用白話的比喻來說
HTML就像身體,而CSS就像衣服一樣
人的身體就是那個形狀,而我們可以根據不同的部位穿戴不同的帽子、襪子、衣服、裙子等,還可以常常更換顏色、大小,HTML跟CSS之間關係大概就是這樣。
在早先的時候,樣式是被直接寫在HTML裡面,這就如同把衣服刺青在身體上,更換起來相當不容易,也會讓整個HTML看起來很亂,不僅運網頁維運不容易,搜尋引擎的蜘蛛爬起內容也比較費力,但一檔案過大也會讓讀取效能變慢。
所以後來發整成讓兩者分開,讓檔案結構更加靈活,讓爬蟲好爬,也讓我們想要更換配件顏色就可以更換。
PS.雖然現在HTML跟CSS已經是分開兩個檔案處理,不過CSS是比較全面性的,一改就多個網頁都會一起改掉,而在某些臨時需求的時候,例如在編輯內容時,某些時候忽然要把一段文字變更大小、顏色等,還是會採用style把樣式寫在HTML裡面。