好程式員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表面上是标簽的改動，但實際上應該是改動這些标簽後所帶來的影響，還有更多的是把業務邏輯和運算量放在了用戶端，讓HTML在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開發上也有着得天獨厚的優勢。好程式員