HTML5 推出的理由
想要把目前web上存在的各种问题一并解决
- Web浏览器之间的兼容性很低
- 文档结构不够明确
- Web应用程序的功能受到了限制
HTML5重新定义了浏览器的统一标准
HTML5 与 HTML4 的区别
内容类型
HTML5的文件拓展名和内容类型保持不变,内容类型依然是 text/html
DOCTYPE声明
在HTML4中要明确指出是哪个版本
在HTML5中只需要:<DOCTYPE html>
,大小写都可以
指定字符编码
HTML4中:
<meta http-equiv="content-type" content="text/html;charset="UTF-8">
HTML5中:
<meta charset="UTF-8">
可以省略标记的元素
在HTML5中,很多元素的标记是可以省略的
具有boolean值的属性
具有布尔类型值的属性,不指定属性值的时候,值为属性值,或者值为空字符串的时候,都表示为 true,而下图最后一个为false
省略引号
在指定属性值的时候,大部分情况下可以省略引号(不引起歧义的情况下)
HTML5中新增的全局属性
contentEditable:元素是否可编辑,为true时,可以修改元素的内容,为false或者空字符串等时,不可编辑
designMode:控制页面所有contentEditable属性,且只能在js脚本里被修改编辑,不能直接指定(值为on时,页面可编辑,值为off时,页面不可编辑)
hidden:通知浏览器不渲染该元素,为true时,元素不可见
spellcheck:对于input等,进行语法检查
tabindex:不断按Tab键,切换选中元素,这个属性设置了元素被tab选中的顺序
HTML5中新增的元素与废除的元素
新增的结构元素
section:表示页面中的一个内容块(章节、页眉、页脚、等等),可以与h1~h6等结合使用,表示文档的结构
article:表示页面中一块与上下文不相关的独立内容(例如博客或者报纸中的一篇文章)
aside:表示article元素内容之外的,与article元素内容相关的辅助信息
header:表示页面中的一个内容区域块,通常用它来表示标题
hgroup:表示对整个页面或者页面中的一个内容块的标题进行集合
footer:表示页面中的一个区域块,通常表示一个区域的底部(通常承载作者、姓名、创作日期等一些信息)
nav:表示页面中的导航链接部分
figure:表示一段独立的流的内容,一般表示文档主题流中独立的一个单元
新增的其他元素
其中比较常用的有:video(视频)、audio(音频)、canvas(画布)等几个
新增的input元素的类型
email:邮箱
url:链接地址
number:数字
range:范围
Date Pickers:时间选择
废除的元素
- 能使用CSS代替的元素:basefont、big、center、font、s、tt、u等
- 不再使用frame框架
- 只有部分浏览器支持的元素
- 其他被废除的元素
不再使用frame框架?
frame对网页可用性存在负面的影响,HTML5目前支持iframe
新增的属性
- 表单相关的属性
- 链接相关的属性
- 其他属性
废除的属性
比较多。。。自己去搜索了解