HTML5新增的元素和废除的元素

本文主要是介绍HTML5新增的元素和废除的元素，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.新增的结构元素

section,article,aside,header,hgroup,footer,nav,figure

2.新增的其他元素

video，audio,embed,mark,progress,meter,time,ruby,rt,rp,wbr,canvas,command,details,datalist,datagrid,keygen,output,source,menu

3.新增的input元素的类型

email,url,number,range,Date Pickers

废除的元素

（1）能使用CSS替代的元素：basefont,big,center,font,s,tt,u等

（2）不再使用frame框架；

（3）只有部分浏览器支持的元素；

（4）其他被废除的元素；

新增的属性和废除的属性

(1)contentEditable属性；

(2)designMode属性；

(3)hidden属性；

(4)spellcheck属性；

(5)tabindex属性；

代码示例如下：

[html]  view plain  copy 
 print ? 
 <!DOCTYPE html>  
 <html lang="en">  
 <head>  
     <meta charset="UTF-8">  
     <title></title>  
 </head>  
 <body>  
   
   
 <!--tab键的访问顺序   tabindex设置为-1则不能获取焦点！ -->  
 用户名1： <input type="text" tabindex="1">  
 用户名2： <input type="text" tabindex="3">  
 用户名3： <input type="text" tabindex="2">  
 用户名4： <input type="text" tabindex="-1">  
 <br/><br/>  
   
     这是一个列表  
 <!--contenteditable属性表示可编辑-->  
     <ul contenteditable="true">  
         <li>第一行</li>  
         <li>第二行</li>  
         <li>第三行</li>  
     </ul>  
     <br/><br/>  
   
     <!--是否隐藏-->  
     <ul hidden>  
         <li>第一行</li>  
         <li>第二行</li>  
         <li>第三行</li>  
     </ul>  
     <br/><br/>  
   
     <!--是否进行拼写检查-->  
    用户名： <input type="text" spellcheck="">  
     <br/><br/>  
   
 </body>  
 </html>  