首頁 web前端 html教學 亲身感受DIV+CSS的好处_html/css_WEB-ITnose

亲身感受DIV+CSS的好处_html/css_WEB-ITnose

Jun 24, 2016 pm 12:31 PM

  现在DIV+CSS布局已经很风靡了,它的优势被许多人所神话,前段时间一谈到网站设计,很多人一开口就是我会DIV,感觉自己很了不起。跟客户交流时一个劲的把人家用table布局鄙视得一毛不值。世界变得很快,短短几个月,会CSS布局的人满街都是,并不是什么很难的技术。那些还在以CSS布局为骄傲的人,可能还不知道世界已经改变吧。

  DIV的好处百度搜出来很多,有很多人跟本没用过CSS布局,就是百度一下就跟别人吹。一开口就是DIV安全度比tb高,DIV速度比tb快。而其实我人用DIV近一年了,这两个优点我感觉不是很明显。安全性的东西是与后台程序关系很大,但与前台美工的联系不是说没有,只是与tb相比却不见得高很多,至少没有百度上面翻译过来的译文这么神奇。而且DIV代码几乎是将内容裸露给读者和搜索引擎,对信息的保护跟大家所声称的安全还相违背了。而说起速度比tb快就更没什么神奇了,因为长着眼睛的人打开网页都感觉不出DIV快得宣传的那么神奇,肉眼感觉不出的快,那其实并不快。也不知道现在为什么很多网络公司都拿DIV这两个不是很重的两点来打广告。多问几句,DIV与tb相比,安全度高,高在哪里?速度快,快在哪里?多问两句就会有很多人答不出(不要问我,问我我也是网上搜)
  我个人觉得DIV最重要的地方并不是那些,先声明,我个人感觉。DIV最重要的首先是,DIV布局是代码简洁,简洁就更容易让搜索引擎收录。这点是我感觉最深,tb网被收录和div网被收录的速度是显而易见的(肉眼看得见)。而且div的网页很容易修改更新,因为内容与表现分离,这点我做过pjblog的界面设计感受很多,做设计时,我只需要在skin里面修改CSS样式就可以重新把pjblog的界面设计出来了。再则是DIV布局跟js结合起来做网页特效很方便,给人很多创意。还有就是DIV符合W3C标准,谁也不希望自己网站做出来在这么浏览器是这样,到另一个浏览器又是另一个模样。我从前就是用tb布网,在ie里网站显示很正常,而换到maxthon布局就乱了。
  当然DIV也是不是绝对的好,DIV不足的地方百度上也说有很多,但我用了一年,感觉最不爽的就是没有软件能即时显示DIV的内容。DW升级到了cs3版本也依然没有做到DIV布局的即时显示。也就是马上输入代码,DW的浏览窗就马上显示代码对应的效果。我往往是输代码后,再点一下浏览窗,浏览窗才刷新出效果,而刷新出来的页面和浏览器里预览的布局又有不同。
  唠唠叼叼完毕,有什么说得不对,大家包含。

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

HTML5中跨瀏覽器兼容性的最佳實踐是什麼? HTML5中跨瀏覽器兼容性的最佳實踐是什麼? Mar 17, 2025 pm 12:20 PM

文章討論了確保HTML5跨瀏覽器兼容性的最佳實踐,重點是特徵檢測,進行性增強和測試方法。

> gt;的目的是什麼 元素? > gt;的目的是什麼 元素? Mar 21, 2025 pm 12:34 PM

本文討論了HTML< Progress>元素,其目的,樣式和與< meter>元素。主要重點是使用< progress>為了完成任務和LT;儀表>對於stati

< datalist>的目的是什麼。 元素? < datalist>的目的是什麼。 元素? Mar 21, 2025 pm 12:33 PM

本文討論了html< datalist>元素,通過提供自動完整建議,改善用戶體驗並減少錯誤來增強表格。Character計數:159

如何使用HTML5表單驗證屬性來驗證用戶輸入? 如何使用HTML5表單驗證屬性來驗證用戶輸入? Mar 17, 2025 pm 12:27 PM

本文討論了使用HTML5表單驗證屬性,例如必需的,圖案,最小,最大和長度限制,以直接在瀏覽器中驗證用戶輸入。

< meter>的目的是什麼。 元素? < meter>的目的是什麼。 元素? Mar 21, 2025 pm 12:35 PM

本文討論了HTML< meter>元素,用於在一個範圍內顯示標量或分數值及其在Web開發中的常見應用。它區分了< meter>從< progress>和前

視口元標籤是什麼?為什麼對響應式設計很重要? 視口元標籤是什麼?為什麼對響應式設計很重要? Mar 20, 2025 pm 05:56 PM

本文討論了視口元標籤,這對於移動設備上的響應式Web設計至關重要。它解釋瞭如何正確使用確保最佳的內容縮放和用戶交互,而濫用可能會導致設計和可訪問性問題。

< iframe>的目的是什麼。 標籤?使用時的安全考慮是什麼? < iframe>的目的是什麼。 標籤?使用時的安全考慮是什麼? Mar 20, 2025 pm 06:05 PM

本文討論了< iframe>將外部內容嵌入網頁,其常見用途,安全風險以及諸如對象標籤和API等替代方案的目的。

HTML容易為初學者學習嗎? HTML容易為初學者學習嗎? Apr 07, 2025 am 12:11 AM

HTML適合初學者學習,因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩,易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高,可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

See all articles