Web標準是網(wǎng)站開發(fā)中一系列標準的集合,包括XHTML、XML、CSS、DOM和ECMAScript 等。制定這些標準是為了網(wǎng)站便于維護,代碼更加簡潔,降低帶寬的運行成本,更容易被搜索引擎搜索到,改版方便,不需要變動頁面內(nèi)容,提高網(wǎng)站易用性等。Web標準與CSS布局的優(yōu)勢在那些方面呢?下來深圳網(wǎng)站建設的小編跟大家探討下。
什么是Web標準
Web標準是由 W3C和其他標準化組織制定的一套規(guī)范集合,目的在于創(chuàng)建統(tǒng)一的用于Web 表現(xiàn)層的技術標準,以便通過不同的瀏覽器或終端設備向最終用戶展示信息內(nèi)容。
Web標準由一系列規(guī)范組成, 目前的Web標準主要由 3大部分組成:結(jié)構(Structure)、表現(xiàn)( Presentation)、行為(Behavior)。真正符合Web標準的網(wǎng)頁設計是指能夠靈活使用Web標準對Web內(nèi)容進行結(jié)構、表現(xiàn)與行為的分離。
1. 結(jié)構( Structure)
結(jié)構用于對網(wǎng) 頁中用到的信息進行分類與整理。在結(jié)構中用到的技術主要包括HTML、XlvlL和XHTML。
2. 表現(xiàn)( Presentation)
表現(xiàn)用于對信息進行版式、顏色、大小等形式的控制。在表現(xiàn)中用到的技術主要是CSS 層疊樣式表。
3. 行為( Behavior)
行為是指文檔內(nèi)部的模型定義及交互行為的編寫,用于編寫交互式的文檔。在行為中用到的技術主要包括DOM和ECMAScript。
DOM( Document Object Model)文檔對象模型:DOM是瀏覽器與內(nèi)容結(jié)構之間溝通的接口,使瀏覽者可以訪問頁面上的標準組件。
ECMAScript腳本語言:ECMAScript是標準腳本語言,用于實現(xiàn)具體界面上對象的交互操作。
CSS布局的優(yōu)勢
掌握基于CSS的網(wǎng)頁布局方式,是實現(xiàn)Web標準的基礎。在制作網(wǎng)頁時采用CSS技術,可以有效地對頁面的布局、字體、顏色、背景和其他效果實現(xiàn)更加精確地控制。只要對相應的代碼做一些簡單的修改,就可以改變網(wǎng)頁的外觀和格式。采用CSS布局有以下優(yōu)點。
大大縮減頁面代碼,提高頁面瀏覽速度,縮減帶寬成本。
結(jié)構清晰,容易被搜索引擎搜索到。
縮短改版時間,只要簡單地修改幾個CSS文件就可以重新設計一個有成百上千頁面的站點。
強大的字體控制和排版能力。
CSS非常容易編寫,可以像寫HTML代碼一樣輕松地編寫css。
提高易用性,使用CSS可以結(jié)構化HTML,如p標記只用來控制段落,標記只用來控制標題,table標記只用來表現(xiàn)格式化的數(shù)據(jù)等。
表現(xiàn)和內(nèi)容相分離,將設計部分分離出來放在一個獨立的樣式文件中。
在幾乎所有的瀏覽器上都可以使用。
以前一些必須通過圖片轉(zhuǎn)換實現(xiàn)的功能,現(xiàn)在只要用CSS就可以輕松實現(xiàn),從而可以更快地加載頁面。
使頁面的字體變得更漂亮,更容易編排,使頁面賞心悅目。
可以輕松地控制頁面的布局。
可以將許多網(wǎng)頁的風格格式同時更新,不用再一頁一頁地更新??梢詫⒄军c上所有的網(wǎng)頁風格都使用一個CSS文件進行控制,只要修改這個CSS文件中相應的行,那么整個站點中的所有頁面都會隨之改變。
閱讀本文的人h還閱讀: HTML5語法中的3個要點