您的位置：首页 > Web前端 > HTML5

H5中推出原因与语法、元素、属性的改变

2016-04-13 00:00 141 查看
摘要: H5新增标签的原因， 语法的改变

一、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键遍历文档时，它们的遍历顺序。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  新增标签的原因
相关文章推荐
新的分享
章节导航