HTML5学习笔记——新增元素

1、新增的元素：

1）新增的结构元素：

<section>、<article>、<aside>、<header>、<footer>、<nav>、<address>、<figure>、<main>

2）新增的其他元素：

<video>、<audio>、<embed>、<mark>、<progress>、<meter>、<time>（日期或时间）、<rudy>、<rt>、<rp>、<wbr>、<canvas>、<command>、<details>、<datalist>、<datagrid>、<keygen>、<output>、<source>、<menu>、<dialog>

3）新增的input元素的类型

email、url、number、tel、search、color、range、date、month、week、time（时间）、datetime、datetime-local

①日期与时间元素的step属性：

元素类型	step属性的单位	step属性的默认值
date	1日	1
datetime-local	1秒	60
month	1个月	1
week	1周	1
time	1秒	1

② min属性和max属性限定输入日期与时间的范围；

③ 对于number类型来说：javascript脚本代码可以利用valueAsNumber设置和获取该元素中的数值；

目前为止，还没有针对新元素的局部区域进行修改的样式；

 2、废除的元素：

① 能使用CSS替代的元素；

②不再使用frame框架；

③ 只有部分浏览器支持的元素

 3、全局属性

全局属性：指的是可以对任何元素都使用的属性；

1）contentEditable属性

主要功能时允许用户编辑元素中的内容；该属性时是一个布尔值属性，为true时表示该元素内容可编辑；

在编辑完元素中的内容后，要保存其中内容，只能把该元素的innerHTML发送到服务器端进行保存；

2）designMode属性

用来指定整个页面是否可编辑；该属性有两个值“on”（可编辑）和“off”（不可编辑）；

designMode属性只能在javascript脚本中被编辑修改；

document.designMode="on";

3）hidden属性

所有的元素都允许使用hidden属性；

功能：通知浏览器不渲染该元素，使该元素处于不可见状态。但元素中的内容还是被浏览器创建的；

是一个布尔值属性，true=>元素处于不可见状态；

4）spellcheck属性

功能：对用户输入的文本内容进行拼写和语法检查。（针对文本输入框的新属性）

是一个布尔值属性，为true时表示要检查；

如果元素的readyOnly属性或disabled属性设置为true，则不执行拼写检查；

 4、time元素的pubdate属性

pubdate属性是一个布尔值属性，可以被应用到article元素中的time元素上，意思是 time元素代表了