国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

用CSS進行網頁布局的好處

2024-07-11 08:21:46
字體:
來源:轉載
供稿:網友

符合web標準的css網頁布局相對于傳統table布局的一些優勢:

  一、代碼臃腫

  首先,table里面唯一無法用css定義的屬性只有cellspacing,cellpadding幾個,其它屬性都可以并且應當使用css,這樣,剩下的,就是<table><tr><td>和<div>的對決,我相信一個動輒幾十k大小的網頁,即使使用了幾十個table,因此多出來的代碼也可以忽略不計,那些埋怨table代碼臃腫的人其實該檢查自己的編碼習慣,能將table寫得十分臃腫的人,寫div相比也未必會簡潔到哪里。

  代碼臃腫:你至少需要寫下<table><tr><td>這三個標簽之后,才能開始真正的內容,另外,table的各種標簽中還包含了復雜的屬性定義,而div只需<div>一個標簽。

  二、頁面渲染性能問題

  我使用一臺2004年的筆記本電腦,1.6g的cpu與1g內存,這種配置下,看不出table布局和div布局在頁面渲染上有任何速度差別,其實這點差別即使有,相對網絡本身的延遲也可以忽略。

  頁面渲染性能問題:瀏覽器需要將整個表格完全讀完后才會開始渲染。

  三、不利于搜索引擎優化seo

  如果你盡可能使用css而不是table的屬性,前面說了,產生的代碼和div的差別也不會很大,搜索引擎會歧視<table>標簽嗎,這種說法的依據我至今并沒有找到。

  不利于搜索引擎優化:搜索引擎喜歡內容與修飾分開。

  四、可訪問性差

  這是table固有的缺陷,不過多數div+css的擁躉似乎并不是基于這個原因才排斥table。

  可訪問性差:屏幕朗讀軟件和盲文瀏覽器無法很好地理解table中的內容。

  五、不夠語義

  語義web的含義要深遠得多,并不是僅僅在table和div上糾纏,即使w3c,也并沒有規定table只能用來顯示表格數據,很多在table的語義上進行糾纏的人,其實不妨再等等html5,那才是真正的語義。

  不夠語義(semantic):我們需要語義的web。

  本文的目的不是讓你丟棄div投身table,相反,如果div能滿足你的設計需要,div仍是首選,但沒必要避諱table,否則會走入另外一個極端。很多使用div無法簡單實現的設計,仍可以使用table,當然,不管使用什么,都應該用css將內容與修飾分離。div+css和table+css都是合法的設計,誰更簡單就用誰。根據我的經驗,當你能預見你的內容的格式,對你即將加入的內容有能力完全控制其顯示格式時,應當使用div+css;當你即將加入的內容是不固定的,你無法預見其格式,如果不想讓頁面坍塌,使用table+css是一種保險的做法。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 岑溪市| 河北区| 奉节县| 聊城市| 来安县| 武邑县| 望城县| 印江| 柳州市| 长岭县| 北川| 光山县| 丘北县| 和田县| 丁青县| 博白县| 泰宁县| 河西区| 青海省| 绥阳县| 宜春市| 潼关县| 响水县| 普定县| 沧州市| 龙泉市| 株洲市| 安阳市| 崇义县| 广东省| 龙山县| 汨罗市| 南江县| 神木县| 株洲县| 道孚县| 霍城县| 河北区| 河北区| 浦县| 修水县|