本文探讨了H5相较于H4的改进，包括新的标签如<section>、<footer>等，提升了文档结构清晰度；介绍了H5对多文件上传的支持及浏览器兼容情况；详细讲解了H5语法变化，如DOCTYPE声明、字符编码指定、结标记省略等；并概述了新增与废弃的标签元素及属性。
一、H5中，推送原因：
1、文档结构不明确， 为什么增加了<section> <footer> ....这些标签，虽然H4中通过DIV也可以实现一样的布局，但是如果一个页面太大。 那么在大量的DIV的情况下。 你很难区分div在页面中的角色。
2、功能受限， 比如不能同时上传多个文件 。 所以之前JS实现的多文件上传，实际在后端也是一个一个的接收。
3、 兼容器差
二、对H5的支持， 所有的浏览器除了，IE9以下的不支持，其他的都支持。
三、语法的改变：
1、内容类型 -- 没有变化
2、 DOCTYPE声明 H5： <!doctype html>
3、指定字符编码 H5: <meta charset="utf-8">
4、可以省略结标记的元素
5、具有boolean值的属性
以下都代表true
<input type="checkbox" name="" value="" placeholder="" checked="">
<input type="checkbox" name="" value="" placeholder="" checked="checked">
<input type="button" name="" value="" placeholder="" checked>
6、可以省略引号
四、新增标签元素：查看W3C文档。
主要常用有以下几种：
1、article：
a、单独的一块可以用来表示插件。
b、单独表示一个独立内容。
五、废弃标签元素：具体查看W3C文档。
1、frame框架（但可以使用iframe框架）
2、部分浏览器支持的元素。
3、能用css代替的元素。
六、新增与废弃的属性：
全局属性：
1、contentEditable 是否可以编辑
2、designMode (值为 on off )整个网页是否可以编辑， 它只能在JS中进行修改。
3、hidden
4、spellcheck 针对input text进行语法检查
5、tabindex : 值 1，2 ，3这种索引值（-1代表不能获取）， 用tab键遍历文档时，它们的遍历顺序。
扫一扫
9419
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
