html文件 = 文档声明 + html标签部分 组成;html标签部分 = 头部<head> + 内容区域<body>
1. 文档声明的类型不同;
doctype 声明是不区分大小写的,用来告知 Web 浏览器页面使用了哪种 HTML 版本;
在HTML 4.01 中,<!DOCTYPE> 声明需引用 DTD (文档类型声明),因为 HTML 4.01 是基于 SGML(Standard Generalized Markup Language 标准通用标记语言)。
HTML 4.01 规定了三种不同的<!DOCTYPE>声明,分别是:Strict(严格定义类型)、Transitional(过度定义类型) 和 Frameset(框架定义类型);
严格定义类型:html4.0.1此类型定义的文档,对文档内代码的要求比较严格,不允许使用任何表现层的标记和属性(如u,b等标签),不可以使用框架;
过度定义类型:html4.0.1此类型定义的文档,对于标记和属性的语法要求不是很严格,可以使用HTML中的标签与元素包括一些修饰性的标签(如u,b等标签),不可以使用框架;
框架定义类型:html4.0.1此类型定义的文档,除frameset元素取代了body元素之外,等同于使用过度定义类型定义的文档,可以使用框架;
HTML5 不是基于 SGML,因此不要求引用 DTD。
2. H5多了语义结构化的标签;
用于绘画的 canvas 元素;
用于媒介回放的 video 和 audio 元素;完全支持CSS3;
对本地离线存储的更好的支持;
新的特殊内容标签,比如article(页面独立的内容区域)、aside(页面的侧边栏内容),footer(文档的页脚)、header(文档的头部区域)、nav(导航链接部分)、section(文档中的节),mark(带有标记的文本).......;
新的表单控件,比如 calendar、date、time、email、url、search
更多的语义标签参考菜鸟教程网:https://www.runoob.com/html/html5-intro.html
以下的 HTML 4.01 元素在HTML5中已经被删除:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>html4.0.1元素在h5中被移除掉的元素</title>
</head>
<body>
<acronym title="title">acronym(缩略语)</acronym>
<applet>applet</applet>
<basefont>basefont</basefont>
<big>big</big>
<center>center</center>
<dir>dir</dir>
<font>font</font>
<frame>frame</frame>
<frameset>frameset</frameset>
<noframes>noframes</noframes>
<strike>strike</strike>
</body>
</html>
标签的效果如下图所示: