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属性;


代码示例如下:

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

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值