HTML5 新特性

HTML5 对以前的HTML内容进行了舍弃和添加，那么HTML5新增加了什么内容呢？让我们一起来看一下吧。

一、新增的语义化标签

1. header 2. nav 3. section 页面中的内容区块，例如：章节、页眉、页脚 4. hgroup 对页面中的内容区块的标题进行整合 5. article 6. figure 文章中的图或表等内容区域 7. aside 表示article元素内容之外的，与article内容相关的辅助信息 8. footer

二、新增了input的type选项

1. email 2. url 3. number 4. range 有范围限制的数值 5. data picker 6. search 7. color

三、新增的其他元素

1. video 2. audio 3. embed 用来插入各种多媒体，例如：<embed src="happy.mp3" /> 4. mark 5. canvas 6. datagrid 表示可选数据的列表，常和input配合使用 7. details

四、新增的元素选择器 Selector API

1. querySelector(".highClass", "#lowClass") 选取满足条件的第一个元素 2. querySelectorAll("#result li") 选出id="result"的元素下的所有li元素

五、新增表单相关属性

1. autofocus属性，让元素在页面打开时自动获得焦点，适用元素：input、select、textarea 2. placeholder属性，对用户的输入进行提示，适用元素：input 3. form属性，声明元素属于哪个表单，适用元素：input、output、select、textarea、button 4. required属性（对立属性：novalidate），在用户对表单提交的时候进行检查，表单必须有内容，适用于input和textarea属性 4. 为input元素新增属性：autocomplete、min、max、multiple、pattern、step

六、废弃 Frame 框架相关的元素

1. frame 元素 2. frameset 元素 3. noframe 元素 4. 保留了 iframe （内联框架） 元素

了解更多关注我哟！！！

总结

以上是生活随笔为你收集整理的HTML5 新特性的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。