详解H5和HTML4的区别

Y2J

发布时间：2017-05-23 13:53:52

3611人浏览过

来源于php中文网

原创

虽然html5没有完全颠覆html4，但是它们也有一些不同。本文整理了一些可以看得见的区别，先掌握一些即可，等全部支持后再细细研究也不迟，感兴趣的朋友不要错过

HTML5是HTML标准的下一个版本。虽然HTML5没有完全颠覆HTML4，但是它们也有一些不同。最新最全的HTML5-HTML4对比信息请看http://dev.w3.org/html5/html4-differences/，貌似略多的样子。在这个IE还仍然存在的世界里，HTML5的差别先掌握一些即可，等全部支持后再细细研究也不迟。

1. 简化的语法
HTML5简化了很多细微的语法，例如doctype的声明，你只需要写就行了。HTML 5 指定 UTF-8 编码的方式如下set="UTF-8">

2. canvas>标签替代Flash
Flash给很多Web开发者带来了麻烦，要在网页上播放Flash需要一堆代码和插件。

3 新增许多标签
HTML5设计的一个原则是更好的体现网站的语义性，所以增加了

和

立即学习“前端免费学习笔记（深入）”；

代码如下:

同理，音频等其他的也类似。

4. 全新的表单
HTML5对

和标签进行了大量修改，添加了很多新的属性，也修改了很多属性，

5. 删除 和标签，,

, 标签

6.HTML5 支持了不同类型的存储类型

HTML5 支持本地存储，在之前版本中是通过 Cookie 实现的。HTML5 本地存储速度快而且安全。并且HTML5有两种不同的对象可用来存储数据，HTML5通过JS来存储和访问数据：

都来订网络外卖订餐系统

都来订网络外卖订餐系统致力于帮助专业从事餐饮外卖企业或有外卖业务的餐饮企业快速部署外卖订餐系统，拓展网络外卖订餐业务。简洁大方的界面、精准的楼宇定位系统、强大的菜单管理系统，人性化的订单处理系统等等，不仅能够帮助您提升企业形象、还为您提供了一套完整的网络外卖解决方案，配合适当的宣传方式可以获得实实在在的销量和用户黏度的提升。都来订网络外卖订餐系统区别于同类软件产品的独特性表现在：1、简洁大方的界

下载

localStorage 适用于长期存储数据，浏览器关闭后数据不丢失
sessionStorage 只是针对一个session的数据存储，存储的数据在浏览器关闭后自动删除

总的来说，HTML5已经超越了标记语言的范畴，更富语义的标签将使得HTML5更有用处。Canvas+WEBGL等技术，实现无插件的canvas0以及图像、图形处理能力；本地存储，可实现offline应用；websocket，一改http的纯pullcanvas1，实现数据推送的梦想；MathML，SVG等，支持更加丰富的render等等等等，现在对于对HTML5的了解还只停留在表面阶段，以后会多阅读一部分HTML5的书籍增加一下见识。

【相关推荐】

1. canvas2

2. canvas3

3. canvas4

4. canvas5

5. canvas6

H5页面制作适合哪些应用场景

H5页面制作如何进行测试

H5页面制作的流程是怎样的

H5页面制作能做什么

H5页面制作是开发网页吗

HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载

相关标签:

html5

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：教你用H5绘图的基础方法下一篇：H5制作一个计时器的代码演示

作者最新文章

.NET Core创建一个控制台（Console）程序

2018-05-23 15:07

微信开发之onShareAppMessage分享参数的用法

2018-05-18 13:44

做一个微信H5页面的过程详解

2018-05-19 09:27

微信开发的扫码登录处理的步骤详解

2018-05-19 14:14

pycharm连通mysql的图文教程

2018-05-24 13:44

python绘图库的基本操作方法介绍

2018-05-21 11:31

用tp框架实现微信支付的代码实例

2018-05-16 15:52

MyBatis出现数据库字段和实体bean中属性不一致时处理方法

2018-05-18 17:10

通过H5实现拍照功能的实例详解

2018-05-25 09:21

H5和CSS3制作一个相册的代码实例

2018-05-17 10:59

热门AI工具

DeepSeek

幻方量化公司旗下的开源大模型平台

AI大模型

开放平台

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI大模型

通义千问

阿里巴巴推出的全能AI助手

AI大模型

腾讯元宝

腾讯混元平台推出的AI助手

文档处理

Excel 表格

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI大模型

中文写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

中文写作

写作工具

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

图画生成

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI大模型

中文写作

智谱清言 - 免费全能的AI助手

AI大模型

PDF 文档

相关专题

高德地图升级方法汇总

本专题整合了高德地图升级相关教程，阅读专题下面的文章了解更多详细内容。

2026.01.16

全民K歌得高分教程大全

本专题整合了全民K歌得高分技巧汇总，阅读专题下面的文章了解更多详细内容。

2026.01.16

C++ 单元测试与代码质量保障

本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法，包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程，以及常见代码质量问题的发现与修复。通过工程化示例，帮助开发者建立可测试、可维护、高质量的 C++ 项目体系。

2026.01.16