好程序員分享DIV+CSS3和html5+CSS3有什麼區別

好程序員web前端分享DIV+CSS3和html5+CSS3有什麼區別,無論是DIV+CSS3仍是html5+CSS3,他們都是咱們對網頁開發佈局方式的統稱,可是DIV+CSS3做爲網頁的基礎開發這句話其實並不嚴謹,由於而div只是HTML的一個比較重要的元素而已,而標準的叫法應是HTML+CSS,咱們要比較的實際上是html+css3和html5+css3在佈局開發到底有什麼不一樣!css

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

HTML5在APP的開發上的優點有:
一、更好的語義性
之前的html+css3的網頁搭建,並無網頁結構的明確劃分,主要強調塊狀元素和行內元素,這兩個HTM元素概念從字面上和CSS樣式有着很深的聯繫,而這種聯繫有悖於Web規範中一直倡導的表現和樣式分離的核心理念。而html5+CSS3添加了header,nav,footer等新的結構標籤,使網頁結構更加清晰,淡化了塊狀元素和行內元素的這兩種分類,讓咱們更清楚每塊內容都是什麼,也很是有利於搜索引擎分析和和SEO的優化。前端

二、更好的訪問資源
之前的html+css3的網頁搭建,html沒法訪問內存,想訪問文件系統磁盤操做,也須要依靠flash,想要在瀏覽器內存點東西只有cookie,並且存儲量小的可憐,而如今咱們能夠經過html5不少新增的API,能夠調用攝像頭、GPS、藍牙,在離線數據庫存儲等不少很強大的功能。html5

3可以獨立部署、分發、升級
如今的html5的前端開發,能夠相對於服務器端獨立部署,甚至還能夠放在CDN上。瀏覽器能夠先加載前端APP,而後讓前端APP和服務器端通訊。css3

咱們來總結一下,html和css開發只能作一些網頁的基本搭建,像之前寫頁面的人不少要否則就是美工或是服務器端的人,位置就很尷尬,而如今的HTML5和CSS3不光在之前基礎的結構內作出了優化,而且在移動端APP開發上也有着得天獨厚的優點。程序員

相關文章
相關標籤/搜索