HTML5新增的元素和废除的元素_html5废除的元素-CSDN博客

本文链接：https://blog.csdn.net/chenyufeng1991/article/details/48767797

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 。欢迎大家访问！