好程序员web前端培训分享DIV+CSS3和html5+CSS3有什么区别

简介: 好程序员web前端培训分享DIV+CSS3和html5+CSS3有什么区别,不管是DIV+CSS3还是html5+CSS3,他们都是我们对网页开发布局方式的统称,但是DIV+CSS3作为网页的基础开发这句话其实并不严谨,因为而div只是HTML的一个比较重要的元素而已,而标准的叫法应是HTML+C...

好程序员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开发上也有着得天独厚的优势。好程序员

相关文章
|
3月前
|
前端开发 算法 Java
【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
Animation属性 css3为Animation动画提供的几个属性如下: 属性名 属性值 animation-name 指定动画名称,该属性指定一个已有的关键帧定义。 animation-duration 指定动画持续时间。 animation-timing-funtion 指定动画变化速度。 animation-delay 指定动画延迟多长时间才开始执行。 animation-iteration-count 指定动画的循环执行次数。 animation:这是一个复合属性。
306 2
|
10月前
|
人工智能 前端开发 JavaScript
AI程序员:通义灵码 2.0应用VScode前端开发深度体验
AI程序员:通义灵码 2.0应用VScode前端开发深度体验,在软件开发领域,人工智能技术的融入正深刻改变着程序员的工作方式。通义灵码 2.0 作为一款先进的 AI 编程助手,与广受欢迎的代码编辑器 Visual Studio Code(VScode)相结合,为前端开发带来了全新的可能性。本文将详细分享通义灵码 2.0 在 VScode 前端开发环境中的深度使用体验。
1751 2
AI程序员:通义灵码 2.0应用VScode前端开发深度体验
|
9月前
|
移动开发 前端开发 安全
|
11月前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
337 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
|
9月前
|
前端开发
|
9月前
|
前端开发 JavaScript
|
移动开发 前端开发 搜索推荐
《前端技术基础》第01章 HTML基础【合集】
超文本标记语言(HyperText Markup Language,简称 HTML)是构建网页结构的基础标记语言。它与 CSS、JavaScript 协同,负责搭建网页“骨架”,用标签组织内容,像标题、段落、图片等元素,通过起始与结束标签(部分可单用,如`<img>`)界定层级与布局,将信息有序整合。标签含特定语义,向浏览器传达展示方式,为网页准确呈现及后续美化、交互筑牢根基。
457 25
|
7月前
|
存储 自然语言处理 前端开发
抖音快手小红书虚拟评论截图生成器,模拟对话制作工具,html+js+css
这是一款纯前端实现的多平台虚拟评论生成器,支持抖音、快手、小红书风格,适用于产品演示与UI设计。采用Vanilla JS与Flexbox布局,利用IndexedDB存储数据,CSS Variables切换主题。
|
7月前
|
存储 前端开发 安全
病历单生成器在线制作,病历单生成器app,HTML+CSS+JS恶搞工具
本项目为医疗病历模拟生成器,旨在为医学教学和软件开发测试提供数据支持,严格遵守《医疗机构病历管理规定》。
|
7月前
|
存储 前端开发 JavaScript
仿真银行app下载安装, 银行卡虚拟余额制作app,用html+css+js实现逼真娱乐工具
这是一个简单的银行账户模拟器项目,用于学习前端开发基础。用户可进行存款、取款操作,所有数据存储于浏览器内存中