浅谈HTML5新增及移除的元素


Posted in HTML / CSS onJune 27, 2016

HTML经过10多年的发展,其元素经历了废弃与不断重新定义的过程。为了更好的处理现在的互联网应用,HTML5新增了图形绘制、多媒体播放、页面结构、应用程序存储、网络工作等新元素。

图形绘制新元素

标签 描述
标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API

新多媒体元素

标签 描述
定义音频内容
定义视频内容
定义多媒体资源(audio或vedio)
定义嵌入的内容,比如插件
为如video和 audio元素之类的媒介规定外部文本轨道

新表单元素

标签 描述
定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
规定用于表单的密钥对生成器字段。
定义不同类型的输出,比如脚本的输出。

新的语义和结构元素

HTML5提供了新的元素来创建更加适用的的页面。

标签 描述
定义页面独立的内容区域。
定义页面的侧边栏内容。 何问起
允许您设置一段文本,使其脱离其父元素的文本方向设置。
定义命令按钮,比如单选按钮、复选框或按钮。
用于描述文档或文档某个部分的细节。
定义对话框,比如提示框。
标签包含 details 元素的标题。
规定独立的流内容(图像、图表、照片、代码等等)。
定义 figure元素的标题。
定义 section 或 document 的页脚。
定义了文档的头部区域。
定义带有记号的文本。
定义度量衡。仅用于已知最大和最小值的度量。
定义导航链接的部分。
定义任何类型的任务的进度。
定义 ruby 注释(中文注音或字符)。
定义字符(中文注音或字符)的解释或发音。
在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
定义文档中的节(section、区段)。
定义日期或时间。
规定在文本中的何处适合添加换行符。

已移除的元素

以下的 HTML 4.01 元素在HTML5中已经被删除:

标签

以上就是小编为大家带来的浅谈HTML5新增及移除的元素全部内容了,希望大家多多支持三水点靠木~

原文地址:http://www.cnblogs.com/roucheng/archive/2016/06/26/html5new.html

HTML / CSS 相关文章推荐
浅析两列自适应布局的3种思路
May 03 HTML / CSS
纯CSS3实现手风琴风格菜单具体步骤
May 06 HTML / CSS
CSS3 Media Queries(响应式布局可以让你定制不同的分辨率和设备)
Jun 06 HTML / CSS
利用SVG和CSS3来实现一个炫酷的边框动画
Jul 22 HTML / CSS
html5 canvas 使用示例
Oct 22 HTML / CSS
html5 自定义播放器核心代码
Dec 20 HTML / CSS
html5使用canvas绘制太阳系效果
Dec 15 HTML / CSS
HTML5中判断横屏竖屏的方法(移动端)
Aug 04 HTML / CSS
html5页面结构_动力节点Java学院整理
Jul 10 HTML / CSS
用position:sticky完美解决小程序吸顶问题的实现方法
Apr 24 HTML / CSS
HTML常用标签超详细整理
Mar 19 HTML / CSS
html,css,javascript是怎样变成页面的
May 07 HTML / CSS
HTML5 canvas基本绘图之绘制矩形
Jun 27 #HTML / CSS
HTML5 canvas基本绘图之绘制阴影效果
Jun 27 #HTML / CSS
涂鸦板简单实现 Html5编写属于自己的画画板
Jul 05 #HTML / CSS
深入剖析webstorage[html5的本地数据处理]
Jul 11 #HTML / CSS
HTML5 Plus 实现手机APP拍照或相册选择图片上传功能
Jul 13 #HTML / CSS
HTML5对手机页面长按会粘贴复制禁用的解决方法
Jul 19 #HTML / CSS
HTML5 Web 存储详解
Sep 16 #HTML / CSS
You might like
这部好评如潮的动漫 知名梗频出 但是画风劝退很多人
2020/03/08 日漫
php下使用无限生命期Session的方法
2007/03/16 PHP
PHP控制网页过期时间的代码
2008/09/28 PHP
php执行sql语句的写法
2009/03/10 PHP
PHP内核介绍及扩展开发指南―基础知识
2011/09/11 PHP
解析php中static,const与define的使用区别
2013/06/18 PHP
关于PHP堆栈与列队的学习
2013/06/21 PHP
ThinkPHP入库出现两次反斜线转义及数据库类转义的解决方法
2014/11/04 PHP
php连接oracle数据库及查询数据的方法
2014/12/29 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
javascript实现的动态文字变换
2007/07/28 Javascript
JQuery实现的在新窗口打开链接的方法小结
2010/04/22 Javascript
基于jquery的图片轮播 tab切换组件
2012/07/19 Javascript
11个用于提高排版水平的基于jquery的文字效果插件
2012/09/14 Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
2012/12/17 Javascript
ExtJS下 Ext.Direct加载和提交过程排错小结
2013/04/02 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
2014/06/06 Javascript
jQuery制作效果超棒的手风琴折叠菜单
2015/04/03 Javascript
Javascript中的Prototype到底是什么
2016/02/16 Javascript
js自调用匿名函数的三种写法(推荐)
2016/08/19 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
2016/10/13 Javascript
基于JavaScript实现的插入排序算法分析
2017/04/14 Javascript
jquery添加div实现消息聊天框
2020/02/08 jQuery
NodeJS开发人员常见五个错误理解
2020/10/14 NodeJs
Python Web框架Pylons中使用MongoDB的例子
2013/12/03 Python
pycharm下配置pyqt5的教程(anaconda虚拟环境下+tensorflow)
2020/03/25 Python
Python-opencv实现红绿两色识别操作
2020/06/04 Python
Python列表推导式实现代码实例
2020/09/09 Python
彪马西班牙官网:PUMA西班牙
2019/06/18 全球购物
CLR与IL分别是什么含义
2016/08/23 面试题
TCP/IP中的TCP和IP分别承担什么责任
2012/04/21 面试题
《雷鸣电闪波尔卡》教学反思
2014/02/23 职场文书
施工安全员岗位职责
2015/04/11 职场文书
修改MySQL的数据库引擎为INNODB的方法
2021/05/26 MySQL
使用Springboot实现健身房管理系统
2021/07/01 Java/Android
Django框架中模型的用法
2022/06/10 Python