宏岳網絡為您服務 服務熱線:18611660107
您當前的位置:首頁 > 技術專區 > 網頁制作

關于DIV和Table你都了解多少

時間:2015-06-07 14:09:05作者:gao來源:宏岳榮華

  其實大家只是把所有的xhtml標簽,統稱叫做了“div”而已,而正是由于這種統稱,錯誤了引導了大多數網站設計師的判斷,以為頁面里只需要使用DIV只個標簽,充其量再象征性的使用一下ul,li足矣,如果是這樣,那就大錯特錯了,那就完全違背了xhtml創建的初衷。

  1、代碼的可讀性

  純DIV+CSS的網站的代碼的可讀性無疑是非常差的,甚至table還可以通過tr和td來區分行和列,一堆DIV堆砌在一起,如果沒有注釋,你根本不知道某個部分是做什么用的。

22.jpg

  2、DIV只是HTML最常用的標簽之一

  顯然HTML并不只是一個DIV標簽有用,每個標簽都有它的用途,只是DIV是其中最有用的一個罷了。如果DIV可以實現所有其它標簽的功能,那么W3C早就把HTML精簡了!

  Table也不是一無是處,只是用table比較簡單、容易上手才在早期被人錯誤的廣泛推廣。但是table在處理網頁數據的表現上,是其他標簽無法替代的,只是,它不適合用來做整個頁面的布局。

  3、語義化與結構化

  現在,在開發CSS的時候,提的越來越多的是語義化,語義化歸根到底其實還是代碼的可讀性問題。語義化就是讓代碼更易讀,更加易懂,比如,.text_01{color:red} 就沒有.text_red{color:red} 容易理解。

  HTML同樣如此,比如我們看到

  就知道這是個有序列表;看到

  標簽就知道這是一個段落,內容為文字;看到就知道這個是比

  還小的文字單位;看到

  、

  之類的就知道他們是標題。

  顯然,全部是div的頁面,是看不出來這些的。

  頁面的結構化亦是如此,比如

  …。。

  這樣的代碼,顯然是很難理解其DOM結構的,但是

  …..

  就比上面的那個結構要清晰很多。

  相信做開發的人對代碼的語義化和結構化的理解會更加深刻。

  4、團隊合作

  可讀性低、結構化和語義化差,團隊的其他成員的學習和維護難度就會提高,這對于一個團隊來說,是很浪費時間和精力的。

  其實,DIV+CSS的說法,已經把我們從table帶到了另外的一個極端,正確的網頁設計不是一個標簽雄霸天下,而是每個元素都使用合適的標簽。

  所以說,DIV+CSS要換一種說法了,(X)HTML+CSS不更合適嗎?

最新文章
宏岳網絡——不只是幫您建站,從此都是您全方位的網絡顧問。
北京宏岳榮華網絡技術有限公司
電話:18611660107
Email:gaoyue@66shunfeng.com
地址:北京市朝陽區媒體村天暢園C6-301
  • 宏岳網絡騰訊官方微博
  • 宏岳網絡官方微信
    宏岳網絡官方微信
  • 宏岳網絡新浪官方微博
  • Copyright ? 2015 北京宏岳榮華網絡技術有限公司 版權所有 http://www.234speak.com/ 京ICP備15008878號
    1688网赚联盟 网赚彩票真的能赚钱吗 投票网赚 陕西11选5走势图 北京快乐8走势图 如何网赚 2019国外挂机网赚联盟 网赚彩票群可靠吗 河南快3 新凤凰彩票注册