HTML和HTML5的区别?

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>

标签的效果如下图所示:

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wen_文文

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值