DIV+CSS網(wǎng)頁重構(gòu)概念詳解
本文和大家重點(diǎn)討論一下DIV+CSS網(wǎng)頁重構(gòu)的概念,常為了說明與HTML網(wǎng)頁設(shè)計(jì)語言中的表格(table)定位方式的區(qū)別,因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中,不再使用表格定位技術(shù),而是采用DIV+CSS的方式實(shí)現(xiàn)各種定位。
什么是DIV+CSS網(wǎng)頁重構(gòu)
DIV+CSS是網(wǎng)站標(biāo)準(zhǔn)(或稱“WEB標(biāo)準(zhǔn)”)中常用術(shù)語之一,通常為了說明與HTML網(wǎng)頁設(shè)計(jì)語言中的表格(table)定位方式的區(qū)別,因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中,不再使用表格定位技術(shù),而是采用DIV+CSS的方式實(shí)現(xiàn)各種定位。
CSS是英語CascadingStyleSheets(層疊樣式表單)的縮寫,它是一種用來表現(xiàn)HTML或XML等文件式樣的計(jì)算機(jī)語言。
◆HTML語言自HTML4.01以來,不再發(fā)布新版本,原因就在于HTML語言正變得越來越復(fù)雜化、專用化。即標(biāo)記越來越多,甚至各個(gè)瀏覽器生產(chǎn)商也開發(fā)出只適合于其特定瀏覽器的HTML標(biāo)記,這顯然有礙于HTML網(wǎng)頁的兼容性。于是W3C組織進(jìn)而重新從SGML中獲取營養(yǎng),隨后,發(fā)布了XML,XML是一種比HTML更加嚴(yán)格的標(biāo)記語言,全稱是可擴(kuò)展標(biāo)記語言(EXtensibleMarkupLanguagehttp://www.seoyouhua.net/)。但是XML過于復(fù)雜,且當(dāng)前的大部分瀏覽器都不完全支持XML。于是XHTML這種語言就派上了用場,XHTML語言就是一種可以將HTML語言標(biāo)準(zhǔn)化,用XHTML語言重寫后的HTML頁面可以應(yīng)用許多XML應(yīng)用技術(shù)。使得網(wǎng)頁更加容易擴(kuò)展,適合自動(dòng)數(shù)據(jù)交換,并且更加規(guī)整。
說了這么多,現(xiàn)在該說正題了——CSS。其實(shí)CSS單獨(dú)使用除了麻煩一點(diǎn)之外,我個(gè)人覺得并無明顯的優(yōu)于HTML的好處。而關(guān)鍵就在于其與腳本語言(如Javascript)及XML技術(shù)的融合,即CSS+Javascript+XML(實(shí)際上有一種更好的融合:XML+XSL+Javascript)——但XSL,即可擴(kuò)展樣式表語言相較于CSS過于復(fù)雜,不太容易上手。自從DIV+CSS出現(xiàn)之后,HTML終于擺脫了雜亂無章的惡夢,開始將頁面內(nèi)容與樣式分離。說了這么多,其實(shí),個(gè)中真諦,還得使用過后才知道,所以,現(xiàn)在就開始學(xué)習(xí)使用吧。
◆DIV元素是用來為HTML文檔內(nèi)大塊(block-level)的內(nèi)容提供結(jié)構(gòu)和背景的元素。DIV的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來構(gòu)成這個(gè)塊的,其中所包含元素的特性由DIV標(biāo)簽的屬性來控制,或者是通過使用樣式表格式化這個(gè)塊來進(jìn)行控制。
在可以預(yù)計(jì)的將來,table的地位依然十分重要,于是,如google之流依然會(huì)生意興隆。但是DIV代表的是網(wǎng)絡(luò)世界發(fā)展的方向。它們一個(gè)簡單,一個(gè)先進(jìn),蘿卜白菜,您選什么都是有可取只處的.我們都很按您的要求認(rèn)真服務(wù)的!
DIV是html(超文本語言)中的一個(gè)元素,DIV+CSS是一種網(wǎng)頁的布局方法,這一種網(wǎng)頁布局方法有別于傳統(tǒng)的table布局,真正地達(dá)到了w3c內(nèi)容與表現(xiàn)相分離.
DIV是標(biāo)簽css是層疊樣式表
DIV+CSS高級布局已逐漸流行,但面對所謂DIV+CSS布局的叫法讓人更為擔(dān)心,不要讓DIV成為Table的替代品,多層嵌套的DIV會(huì)嚴(yán)重影響代碼的可閱讀性,活用HTML為我們提供的標(biāo)簽吧。
【編輯推薦】
- DIV CSS經(jīng)驗(yàn):組織選擇符和聲明
- DIV CSS的XHTML代碼結(jié)構(gòu)淺談
- 深入學(xué)習(xí)DIV+CSS之絕對定位和相對定位用法
- DIV+CSS布局入門之寫入整體層結(jié)構(gòu)與CSS
- DIV+CSS開發(fā)過程中影響SEO的制作細(xì)節(jié)