HTML5.0標(biāo)簽里既有控制結(jié)構(gòu)的標(biāo)簽,如<p>又有控制表現(xiàn)的標(biāo)簽.如<table>;還有本意用于結(jié)構(gòu)后來被濫用于控制表現(xiàn)的標(biāo)簽,如table。結(jié)構(gòu)標(biāo)簽與表現(xiàn)標(biāo)簽混雜在一起。使用傳統(tǒng)方法制作網(wǎng)頁的制作者往往會遇到如下問題。
改版問題:例如需要把標(biāo)題文字替換成紅色.下邊線變成1px灰色的虛線.那么制作者可能就要一頁一頁地修改。即增加了工作,.又增大了出錯的機(jī)率。
CSS的出現(xiàn),一開始似乎就是用來解決“批量修改表現(xiàn)"的問題.最廣泛被制作者接受的CSS屬性。如控制字體的大小顏色、超鏈接的效果、表格的背景色等。
數(shù)據(jù)的利用問題:本質(zhì)上講,所有頁面信息都是數(shù)據(jù)。
例如,CSS所有的屬性的解釋,就可以建立一個數(shù)據(jù)庫,數(shù)據(jù)就存在數(shù)據(jù)查詢、處理和交換的問越。由于結(jié)構(gòu)和表現(xiàn)混雜在一起,裝飾圖片、內(nèi)容被層層嵌套的表格拆分。
深圳網(wǎng)站制作中div與css結(jié)合的優(yōu)勢
用CSS制作的話就只需要修改CSS即可,而不用修改HTML文檔,可以使結(jié)構(gòu)清晰化,將內(nèi)容、結(jié)構(gòu)與表現(xiàn)分享。
內(nèi)容和形式分離,網(wǎng)頁前臺只需要顯示內(nèi)容就行,形式上的美工交給CSS來處理。生成的HTML文件代碼精簡,更小打開更快。
這個是div+CSS技術(shù)最現(xiàn)著的特點(diǎn),也是CSS存在的根源。完全的顛覆現(xiàn)在傳統(tǒng)(table)網(wǎng)頁設(shè)計(jì)的技術(shù)。所有現(xiàn)在用table制作的內(nèi)容,都可以用CSS來解決掉,而且解決的更好,更強(qiáng)大。不需要大家再表格套表格,只需要用div套div就可以實(shí)現(xiàn)以往表格套表格所有的美工,這樣的結(jié)果就是使用div+CSS技術(shù),讓生成的網(wǎng)頁文件大小更精簡,更小。table時(shí)代,一個頁面表格達(dá)到10個以上是非常普遍的事情,但是現(xiàn)在用div+CSS,一個table都可以不用,就完全達(dá)到之前的效果,這就直接導(dǎo)致網(wǎng)頁文件大小比使用table時(shí)減少50%-80%,更節(jié)約各位站長的硬盤空間,訪問者打開網(wǎng)頁時(shí)更快,而且用div+CSS時(shí),不像以往使用table時(shí),必須把全部table讀取完了才顯示頁面內(nèi)容,現(xiàn)在是可以讀一個div就顯示一個效果,大家打開網(wǎng)頁不用等。好處真是明顯而強(qiáng)大。
這個優(yōu)點(diǎn)的確是顯著的,凡是使用傳統(tǒng)table建的網(wǎng)頁,內(nèi)容多的話,有時(shí)候達(dá)到30K左右都有可能,文件打了打開時(shí),肯定就有0.0幾秒的延遲。使用div+CSS,由于沒有表格使用,你前臺打開看到的全是直接內(nèi)容,CSS文件都是導(dǎo)入鏈接的,是另一個文件,根本和HTML文件大小沒關(guān)系,這種生成的HTML文件,一個也就10K左右大小。文件數(shù)量少時(shí)看不出來,但是文件萬級以上時(shí),還是會節(jié)約幾十M大小的。
Table 中布局中,垃圾代碼會很多,一些修飾的樣式及布局的代碼混合一起,很不利于直觀。而div 更能體現(xiàn)樣式和結(jié)構(gòu)相分離,結(jié)構(gòu)的重構(gòu)性強(qiáng)。在幾乎所有的瀏覽器上都可以使用。以前一些非得通過圖片轉(zhuǎn)換實(shí)現(xiàn)的功能,現(xiàn)在只要用CSS就可以輕松實(shí)現(xiàn),從而更快地下載頁面。 使頁面的字體變得更漂亮,更容易編排,使頁面真正賞心悅目。你可以輕松地控制頁面的布局 。 你可以將許多網(wǎng)頁的風(fēng)格格式同時(shí)更新,不用再一頁一頁地更新了。你可以將站點(diǎn)上所有的網(wǎng)頁風(fēng)格都使用一個CSS文件進(jìn)行控制,只要修改這個CSS文件中相應(yīng)的行,那么整個站點(diǎn)的所有頁面都會隨之發(fā)生變動。
網(wǎng)頁題目:企業(yè)網(wǎng)站制作中div與css結(jié)合的優(yōu)勢
網(wǎng)站URL:http://m.rwnh.cn/news10/139960.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站制作、企業(yè)網(wǎng)站制作等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)