好程序员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的优化。

 

1. 更好的访问资源

之前的html+css3的网页搭建，html没法访问内存，想访问文件系统磁盘操做，也须要依靠flash，想要在浏览器内存点东西只有cookie，并且存储量小的可怜，而如今咱们能够经过html5不少新增的API，能够调用摄像头、GPS、蓝牙，在离线数据库存储等不少很强大的功能。

 

3可以独立部署、分发、升级

如今的html5的前端开发，能够相对于服务器端独立部署，甚至还能够放在CDN上。浏览器能够先加载前端APP，而后让前端APP和服务器端通讯。

 

咱们来总结一下，html和css开发只能作一些网页的基本搭建，像之前写页面的人不少要否则就是美工或是服务器端的人，位置就很尴尬，而如今的HTML5和CSS3不光在之前基础的结构内作出了优化，而且在移动端APP开发上也有着得天独厚的优点。