HTML5和以前HTML4的区别整理
发布网友
发布时间：2022-04-24 06:41
共4个回答
懂视网
时间：2022-04-07 12:27
HTML5之前的HTML版本是什么
HTML5之前的版本是 HTML 4.01 ，HTML5版本为当前最新的HTML版本。
HTML4.01、HTML5 之间的区别：<!DOCTYPE> 声明区别
HTML有多个不同的版本，只有准确的在页面中指定确切的HTML版本，浏览器才能正确无误的显示HTML页面。这就是<!DOCTYPE>的用处。
<!DOCTYPE> 不是HTML标签，它只是为浏览器提供一项声明，因此它没有闭合/结束标签！
HTML 5
<!DOCTYPE html>
HTML 4.01
规定了三种文档类型：Strict, Transitional, 以及Frameset. 中译为：严格版本，过渡版本，以及基于框架的版本！
Strict:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
Transitional:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Frameset:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
推荐学习：html教程
热心网友
时间：2022-04-07 09:35
1. HTML5 标准还在制定中
首先要注意的是，HTML5虽然现在很火，但是HTML5标准还在制定中，标准仍在改变。HTML4已经10多年了，不会有任何改变了。
2. 简化的语法
HTML5简化了很多细微的语法，例如doctype的声明，你只需要写<!doctype html>就行了。HTML5与HTML5，XHTML1兼容，但是与SGML不兼容。
3. <canvas>标签替代Flash
Flash给很多Web开发者带来了麻烦，要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就 能和用户产生UI交互。虽然目前<canvas>标签还不能实现Flash的所有功能，但是很快<canvas>就会让 Flash看起来老土，哈哈！
4. 新增 <header> 和 <footer> 标签
HTML5设计的一个原则是更好的体现网站的语义性，所以增加了<header>和<footer>这样的标签，用来明确表示网页的结构。
5. 新增 <section> 和 <article> 标签
与<header>, <footer>类似，<section>和<article>也有利于清晰化网页的结构，更有利于SEO。
6. 新增 <menu> 和 <figure> 标签
<menu>可以被用于创建传统的菜单，也可以用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业。
7. 新增 <audio> 和 <video> 标签
这两个标签可能是HTML5里面最有用的两个标签了。顾名思义，这两个标签是用来播放音频和视频的。
8. 全新的表单
HTML5对 <form> 和 <forminput> 标签进行了大量修改，添加了很多新的属性，也修改了很多属性。
9. 删除 <b> 和 <font> 标签
这个改进我还无法理解。我不认为删除这两个标签对代码的改进有很大的帮助。官方的解释是应该用CSS来替代这两个标签。但我还是觉得对于简单的文本，这两个标签还是很方便的。
10. 删除 <frame>, <center>, <big> 标签
我已经记不得上次是什么时候使用这些标签了。
以上十点只是HTML5和HTML4差别的很小一部分，最新最全的HTML5-HTML4对比信息请看
热心网友
时间：2022-04-07 10:53
HTML5简化了很多细微的语法，例如doctype的声明，你只需要写<!doctype html>就行了。HTML 5 指定 UTF-8 编码的方式如下<meta charset="UTF-8">
2. <canvas>标签替代Flash
Flash给很多Web开发者带来了麻烦，要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就能和用户产生UI交互。
3 新增许多标签
HTML5设计的一个原则是更好的体现网站的语义性，所以增加 了<header>和<footer>这样的标签，用来明确表示网页的结构；新增 <section> 和 <article> 标签，<section>和<article>也有利于清晰化网页的结构，更有利于SEO；新增 <menu> 和 <figure> 标签，<menu>可以被用于创建传统的菜单，也可以用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更 专业；
4. 全新的表单
HTML5对 <form> 和 <forminput> 标签进行了大量修改，添加了很多新的属性，也修改了很多属性，
5. 删除 <b> 和 <font> 标签，<frame>, <center>, <big> 标签
6.HTML5 支持了不同类型的存储类型
HTML5 支持本地存储，在之前版本中是通过 Cookie 实现的。HTML5 本地存储速度快而且安全。并且HTML5有两种不同的对象可用来存储数据，HTML5通过JS来存储和访问数据：
热心网友
时间：2022-04-07 12:28
其中包括纯粹显示效果的标记，如<font>和<center>，它们已经被 CSS完全取代。
其他取消的属性:acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt。
2、添加了一些新的元素
比如：更加智能的表单标签：date, email, url 等；更加合理的标签：section, video, progress, nav, meter, time, aside, canvas等。
3、新的全局属性：id, tabindex, repeat
4、文件类型声明（<!DOCTYPE>）仅有一型：<!DOCTYPE HTML>。
5、新的JS API
