CSS+DIV設計網站的優缺點詳解
CSS是英語Cascading Style Sheets(層疊樣式表單)的縮寫,它是一種用來表現 HTML 或 XML 等文件式樣的計算機語言。
DIV元素是用來為HTML文檔內大塊(block-level)的內容提供結構和背景的元素。DIV的起始標籤和結束標籤之間的所有內容都是用來構成這個塊的,其中所包含元素的特性由DIV標籤的屬性來控制,或者是通過使用樣式表格式化這個塊來進行控制。
下面小編就為初學者們打來CSS+DIV設計的網站的優缺點。
CSS+DIV是網站標準(或稱“WEB標準”)中常用的術語之一,通常為了説明與HTML網頁設計語言中的表格(table)定位方式的區別,因為XHTML網站設計標準中,不再使用表格定位技術,而是採用css+div的方式實現各種定位。
CSS+DIV網站設計的.優勢和問題
XHTM是目前國際上倡導的網站標準設計語言,因為XHTML網站設計語言具有的基本特點,這種CSS+DIV模式的網站設計具有一定的優勢,不過目前在網站建設應用中CSS+DIV模式也存在一些問題。本文綜合網站技術和設計人員的體會,並從網絡營銷應用的角度,將CSS+DIV網站設計的優勢和問題歸納如下:
CSS+DIV網站設計的優勢
首先,CSS的極大優勢表現在簡潔的代碼,對於一個大型網站來説,可以節省大量帶寬,而且眾所周知,搜索引擎喜歡清潔的代碼(其真正意義在於,增加了有效關鍵詞佔網頁總代碼的比重),因此使用CSS+DIV的web標準制作的網站具有搜索引擎友好的一定優勢。
其次,CSS+DIV製作的網站使得網站改版相對簡單,很多問題只需要改變CSS而不需要改動程序,從而降低了網站改版的成本。
CSS+DIV網站設計的問題
儘管CSS+DIV具有一定的優勢,不過現階段CSS+DIV網站建設存在的問題也比較明顯,主要表現在:
第一,對於CSS的高度依賴使得網頁設計變得比較複雜。相對於HTML4.0中的表格佈局(table),CSS+DIV儘管不是高不可及,但至少要比表格定位複雜的多,即使對於網站設計高手也很容易出現問題,更不要説初學者了,這在一定程度上影響了XHTML網站設計語言的普及應用。
第二,CSS文件異常將影響整個網站的正常瀏覽。CSS網站製作的設計元素通常放在幾個l外部文件中,這一個或幾個文件有可能相當複雜,甚至比較龐大,如果CSS文件調用出現異常,那麼整個網站將變得慘不忍睹。
第三,對於CSS網站設計的瀏覽器兼容性問題比較突出。基於HTML4.0的網頁設計在IE4.0之後的版本中幾乎不存在瀏覽器兼容性問題,但CSS+DIV設計的網站在IE瀏覽器裏面正常顯示的頁面,到火狐瀏覽器(FireFox )中卻可能面目全非(這也是為什麼建議網絡營銷人員使用火狐瀏覽器的原因所在 )。CSS+DIV還有待於各個瀏覽器廠商的進一步支持。
第四,CSS+DIV對搜索引擎優化與否取決於網頁設計的專業水平而不是CSS+DIV本身。CSS+DIV網頁設計並不能保證網頁對搜索引擎的優化,甚至不能保證一定比HTML網站有更簡潔的代碼設計,何況搜索引擎對於網頁的收錄和排序顯然不是以是否採用表格和CSS定位來衡量,這就是為什麼很多傳統表格佈局製作的網站在搜索結果中的排序靠前,而很多使用CSS及web標準制作的網頁排名依然靠後的原因。因為對於搜索引擎而言,網站結構、內容、相關網站鏈接等因素始終是網站優化最重要的指標
-
JavaScript 函數表達式
JavaScript中創建函數主要有兩種方法:函數聲明和函數表達式。這兩種方式都有不同的適用場景。這篇筆記主要關注的是函數表達式的幾大特點以及它的使用場景,下面一一描述。主要特點可選的函數名稱函數名稱是函數聲明的必需組成部分,這個函數名稱相當於一個變量,新定...
-
jQuery中的read和JavaScript中的onload函數的區別在哪
在JavaScript中,onload函數是最經常使用的,幾乎涉及到JavaScript的童鞋都少不了要接觸它。這個函數的作用就是等待網頁完全裝載完了以後再去執行代碼塊內的語句,因為按照文檔流的執行順序,通常用於頭部加載JavaScript的`時候需要用到。複製代碼代碼如下:ad=functio...
-
javascript包裝對象的用法
js對象是一種複合值:它是屬性或已命名值得集合。參考以下代碼:vars="helloworld";varlen=th;在該例子中,s是字符串,而字符串不是對象,但為何會有屬性呢?其實只要引用了字符串s的屬性,js就會將字符串通過調用newString(s)的方式轉換為對象,該對象繼承了字符串的方法,並被...
-
javascript中的return和閉包函數
複製代碼代碼如下:functionmakefunc(x){returnfunction(){returnx;}}alert(makefunc(0));其實不是不執行,只是朋友的意思這裏alert出來的`應該是“0”,而不是function(){returnx;}。不是腳本寫錯了,只是沒搞懂return,從當前函數退出,並從那個函數返回一個值。如果返...