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

乞力馬紮羅的雪CYF發表於2015-09-27
HTML

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屬性；


程式碼示例如下：

<!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>


github主頁：https://github.com/chenyufeng1991  。歡迎大家訪問！

相關文章