好程序员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开发上也有着得天独厚的优势。
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69913892/viewspace-2642409/ ,如需转载,请注明出处,否则将追究法律责任。