HTML 5与HTML 4的区别

时间:2023-07-16 13:02:38

严重的拖延者患者,本来前天就打算写的,奈何拖到的今天才...(对拖延症有啥好的建议还望留言下,感激不尽...)

过完年了,跳槽蠢蠢欲动了,看些基础知识好应对面试,正好就整理整理...

正文开始

1.推出的理由及目标

解决web上存在的各种问题,html5的出现对web来说意义非常重大。

a.web浏览器之间的兼容性很低

  制定规范的html标准,详细分析各web浏览器说具有的功能,依次为基准让各大浏览器都符合一个通用的标准。

b.文档结构不够明确

  我们之前都大量的使用div元素,没办法区分开正文,功能块,引入的很多语义化元素header,footer,nav等...

c.web应用程序的功能受到限制

  web的应用程序跟app差别很大,html5也提供的很多api,各浏览器厂商也在快速封装这些api,弥补功能的受限。

2.语法的改变

a.docpyte声明

  HTML5简化了很多细微的语法,例如doctype的声明,你只需要写<!doctype html>就行了。

  HTML4:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

b.指定的字符编码

  HTML 5 指定 UTF-8 编码的方式如下<meta charset="UTF-8">

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

c.具有boolean值的属性

  <input type="checkbox" cheaked >可以省略值

d.省略引号

  <input type="checkbox" cheaked=checked >可以引号

具体还有很多,这里就不一一列举了...

3.新增的标签、属性

HTML 5与HTML 4的区别

新增表单的属性

HTML 5与HTML 4的区别

新增a链接的属性

HTML 5与HTML 4的区别

4.废除的标签、属性

HTML 5与HTML 4的区别

废除的a链接属性

HTML 5与HTML 4的区别

5.全局属性

HTML 5与HTML 4的区别

具体详细的资料可自行百度...