国产探花免费观看_亚洲丰满少妇自慰呻吟_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是一種保險的做法。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 平果县| 北宁市| 泗水县| 洛阳市| 桓台县| 景谷| 永新县| 报价| 泽普县| 罗山县| 铅山县| 红桥区| 个旧市| 炎陵县| 淮滨县| 灵台县| 晋江市| 永胜县| 石景山区| 榕江县| 平泉县| 肥东县| 中江县| 玉门市| 子洲县| 疏附县| 中西区| 玉门市| 毕节市| 淅川县| 凌源市| 类乌齐县| 周至县| 九台市| 大竹县| 容城县| 和林格尔县| 饶阳县| 丰镇市| 田阳县| 长寿区|