HTML5新增的元素和废除的元素
2016-03-17 14:36
701 查看
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>
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>
相关文章推荐
- HTML5 - 使用占位符文本placeholder添加文本框提示
- HTML5事件——contextmenu 隐藏鼠标右键菜单
- HTML5的canvas标签
- HTML5使用canvas绘制图形
- HTML5 - 使用<mark>标注高亮突显文本
- HTML5表单新增元素与属性 (续)
- HTML5表单新增元素与属性
- HTML5新增的非主体结构元素
- HTML5 - 使用<time>标注日期和时间
- HTML5 - 页面结构相关的新语义元素汇总
- HTML5 - 经典的上中下三段式布局(并使用<nav>实现侧边导航链接)
- HTML5 - 让老浏览器支持新语义元素的几种方法
- html5 图片转base64预览显示
- HTML5 - 在线检测网页在各种浏览器下的效果
- HTML5 - 使用Geolocation(地理定位)获取用户的位置
- HTML5 - 用<figure/>添加插图和图题
- HTML5新增的主体结构元素
- HTML5 - 简单的上下布局页面样例
- HTML5 - 用CSS3动画制作场景切换效果(移动,旋转,淡入淡出等)
- HTML5 - 使用polyfill(腻子脚本)填补旧浏览器对html5的支持缺陷