好程式設計師web前端分享DIV+CSS3和html5+CSS3有什麼區別

好程式設計師web前端分享DIV+CSS3和html5+CSS3有什麼區別，不管是DIV+CSS3還是html5+CSS3，他們都是我們對 網頁開發 佈局方 式的統稱，但是 DIV+CSS3作為網頁的基礎開發這句話其實並不嚴謹，因為 而 div 只是 HTML的一個比較重要的元素而已 ， 而標準的叫法應是 HTML+CSS ， 我們要比較的其實是 html+css3和html5+css3在佈局開發到底有什麼不同！

 

以前的我們用 html+css主要大部分是做PC端網頁的基礎部分開發， 絕大部分業務邏輯和程式碼量在伺服器端，前端只收到伺服器端動態生成的 HTML和附加的簡單的JS/CSS/img，是一種非常不平衡的架構 ， 而 HTML5表面上是標籤的改動，但實際上應該是改動這些標籤後所帶來的影響 ，還有更多的是把 業務邏輯和運算量放在了客戶端， 讓 H TML 在 APP 的開發上 具有了更多的優勢。

 

HTML5在APP的開發上的優勢有：

1、 更好的語義性

以前的 html+css3的網頁搭建，並沒有網頁結構的明確劃分，主要強調 塊狀元素和行內元素 ， 這 兩個 HTM元素概念從字面上和CSS樣式有著很深的聯絡， 而 這種聯絡有悖於 Web規範中一直倡導的表現和樣式分離 的 核心理念 。 而 html5+CSS3新增了header，nav，footer等新的結構標籤，使網頁結構更加清晰，淡化了 塊狀元素和行內元素 的這兩種分類，讓我們更清楚每塊內容都是什麼，也非常有利於搜尋引擎分析和和 SEO的最佳化。

 

2、 更好的訪問資源

以前的 html+css3的網頁搭建，html無法訪問記憶體，想訪問檔案系統磁碟操作，也需要依靠flash，想要在瀏覽器記憶體點東西只有cookie，而且儲存量小的可憐，而現在我們可以透過html5很多新增的API，可以呼叫攝像頭、GPS、藍芽，在離線資料庫儲存等很多很強大的功能。

 

3能夠獨立部署、分發、升級

現在的 html5的前端開發， 可以相對於伺服器端獨立部署，甚至 還可以 放在 CDN上。瀏覽器可以先載入前端APP，然後讓前端APP和伺服器端通訊。

 

我們來總結一下， html和css開發只能做一些網頁的基本搭建，像以前寫頁面的人很多要不然就是美工或是伺服器端的人，位置就很尷尬，而現在的HTML5和CSS3不光在以前基礎的結構內做出了最佳化，並且在移動端APP開發上也有著得天獨厚的優勢。