HTML4和HTML5的对比

最新推荐文章于 2021-06-24 04:07:19 发布

ITzhongzi

最新推荐文章于 2021-06-24 04:07:19 发布

阅读量768

点赞数

分类专栏：前端学习笔记文章标签： html4和html5的区别

306 篇文章 7 订阅

订阅专栏

1.什么是HTML5

HTML5是对HTML标准的第五次修订。其主要目标是将互联网语义化，以便更好地被人类和机器阅读，同时更好地支持各种媒体的嵌入。

HTML5有两大特点：首先，强化了Web网页的表现性能；其次，追加了本地数据库等Web应用的功能。HTML5其实是一种统称，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。

2.HTML5与HTML4的区别

（1）头部信息更简洁

HTML4 DOCTYPE声明：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML5 DOCTYPE声明：

<meta charset="utf-8">

HTML4编码方式：

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

HTML5编码方式：

<meta charset="utf-8">

（2）属性简化

HTML4属性写法：

<input type="checkbox" checked="checked"/>

HTML5属性写法：

<input type="checkbox" checked/>

注意：如上面两行显示，如果属性和值相同的情况下，直接可以简化为属性即可。

（3）可省略引号

HTML4写法：

<img src="images/img.jpg"/>

HTML5写法：

<img src=images/img.jpg/>

注意：通常情况下，在标签中属性的值都放置引号中，在HTML5中可以简写为去掉引号。

关注