一、推出理由及目标
HTML5的出现,对于WEB来说意义重大,因为它的意图是想把目前web上存在的各种问题一并解决掉。
·web浏览器之间的兼容性很低
·文档结构不够明显
·web应用程序的功能受到限制
世界知名浏览器厂商对HTML5的支持:微软’Google、苹果、Opera、Mozilla
二、语法的改变
·内容类型
·DOCTYPE声明
·指定字符编码
·可以省略标记的元素
·具有boolean类型值得属性
·省略引号
三、新增的元素和废除的元素
新增的结构元素
section、article、aside、header、hgroup、footer、nav、figure
新增的其他元素
video、audio、embed、mark、progress、meter、time、ruby,rt,rp,wbr,canvas,command,details,datagrid,keygen,output,source,menu
新增的input元素的类型
email,url,number,range,DatePickers
废除的元素
·能使用css替代的元素:basefont,big,center,font,s,tt,u
·不再使用frame框架
·只有部分浏览器支持的元素
.其他被废除的元素
四、新增的属性和废除的属性
新增的属性
·表单相关的属性
·链接相关的属性
·其他属性
废除的属性
五、全局属性
可以对任何元素都使用的属性
·contentEditable属性:允许用户编辑元素中的内容,该元素必须是获得鼠标焦点的元素,布尔值类型。
1 <h2>可编辑列表</h2> 2 <ul contenteditable> 3 <li>列表1</li> 4 <li>列表2</li> 5 <li>列表3</li> 6 </ul>
·designMode属性:用来制定整个页面是否可编辑,designMode属性只能在js脚本里被修改编辑,该属性值有两个值,一个是on,一个是off
·hidden属性:html5中所有元素都可以使用该属性,true false 布尔值。
1 <h2>可编辑列表</h2> 2 <ul hidden=""> 3 <li>列表1</li> 4 <li>列表2</li> 5 <li>列表3</li> 6 </ul>
·spellcheck属性:针对input元素和textarea文本输入框提供的属性,对用户输入的内容进行拼写和语法检查。
·tabindex属性:开发中的一个基本概念,当不断敲击tab键,让窗口或页面中的控件获得焦点,对窗口或页面中的所有元素进行遍历,指的是对所有控件进行遍历,每一个控件的tabindex表示该控件是第几个被访问到的。默认只有a 和input元素可以通过tab键进行遍历,给其他元素加上tabindex属性后,也可以通过tab键获得焦点.tabindex值改为-1时,tab键获得不到焦点。
1 <a href="#" tabindex="1">hello</a> 2 <a href="#" tabindex="3">hello</a> 3 <a href="#" tabindex="2">hello</a> 4 <ul tabindex="4"> 5 <li>22</li> 6 <li>22</li> 7 <li>22</li> 8 <li>22</li> 9 </ul>