HTML5 新特性

一、新增的语义化标签

    1. header

    2. nav

    3. section  页面中的一个内容区块,例如:章节、页眉、页脚

    4. hgroup  对页面中的内容区块的标题进行整合

    5. article

    6. figure  文章中的图或表等内容区域

    7. aside  表示article元素内容之外的,与article内容相关的辅助信息

    8. footer

二、新增表单相关属性

    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

三、新增了input的type属性值

    1. email

    2. url

    3. number

    4. range 有范围限制的数值

    5. data picker

    6. search

    7. color

四、新增其他特性

    1. 多媒体:video、audio、embed

    2. 文件

    3. 绘图:canvas

    4. 本地存储

    5. 地理定位

、新增元素选择器 Selector API

    1. querySelector(".highClass", "#lowClass") 选取满足条件的第一个元素

    2. querySelectorAll("#result li") 选出id="result"的元素下的所有li元素 

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

    1. frame 元素

    2. frameset 元素

    3. noframe 元素

    4. 保留了 iframe (内联框架) 元素

posted @ 2019-12-09 17:29  jack·wang  阅读(180)  评论(0)    收藏  举报