浅谈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 相关文章推荐
让IE可以变相支持CSS3选择器
Jan 21 HTML / CSS
纯CSS3绘制打火机动画火焰效果
Jul 18 HTML / CSS
用CSS3的box-reflect来制作倒影效果
Nov 15 HTML / CSS
css3如何绘制一个圆圆的loading转圈动画
Jan 09 HTML / CSS
HTML5 本地存储 LocalStorage详解
Jun 24 HTML / CSS
利用Canvas模仿百度贴吧客户端loading小球的方法示例
Aug 13 HTML / CSS
HTML5边玩边学(2)基础绘图实现方法
Sep 21 HTML / CSS
关于HTML5的22个初级技巧(图文教程)
Jun 21 HTML / CSS
5个你不知道的HTML5的接口介绍
Aug 07 HTML / CSS
HTML5触摸事件演化tap事件介绍
Mar 25 HTML / CSS
html5使用canvas实现弹幕功能示例
Sep 11 HTML / CSS
详解canvas绘制多张图的排列顺序问题
Jan 21 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
山进SANGEAN ATS-909X电路分析
2021/03/02 无线电
PHP简单系统查询模块代码打包下载
2008/06/07 PHP
比较好用的PHP防注入漏洞过滤函数代码
2012/04/11 PHP
微博短链接算法php版本实现代码
2012/09/15 PHP
用PHP去掉文件头的Unicode签名(BOM)方法
2017/06/22 PHP
PHP实现的简单在线计算器功能示例
2017/08/02 PHP
js活用事件触发对象动作
2008/08/10 Javascript
定义JavaScript二维数组采用定义数组的数组来实现
2012/12/09 Javascript
ExtJS[Desktop]实现图标换行示例代码
2013/11/17 Javascript
利用原生JavaScript获取元素样式只是获取而已
2014/10/08 Javascript
jQuery中[attribute*=value]选择器用法实例
2014/12/31 Javascript
jQuery实现购物车表单自动结算效果实例
2015/08/10 Javascript
JavaScript检测并限制复选框选中个数的方法
2015/08/12 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
2015/11/03 Javascript
你所未知的3种Node.js代码优化方式
2016/02/25 Javascript
js实现四舍五入完全保留两位小数的方法
2016/08/02 Javascript
最全面的百度地图JavaScript离线版开发
2016/09/10 Javascript
如何制作幻灯片(代码分享)
2017/01/06 Javascript
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
2017/08/24 Javascript
如何使用50行javaScript代码实现简单版的call,apply,bind
2019/08/14 Javascript
vue中 this.$set的用法详解
2019/09/06 Javascript
vue Tab切换以及缓存页面处理的几种方式
2019/11/05 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
2019/12/26 Javascript
在pycharm中开发vue的方法步骤
2020/03/04 Javascript
JS highcharts动态柱状图原理及实现
2020/10/16 Javascript
Python 专题五 列表基础知识(二维list排序、获取下标和处理txt文本实例)
2017/03/20 Python
Django 浅谈根据配置生成SQL语句的问题
2018/05/29 Python
Python实现EXCEL表格的排序功能示例
2019/06/25 Python
pandas 按日期范围筛选数据的实现
2021/02/20 Python
西班牙土拨鼠床垫公司,感觉在云端:Marmota
2019/03/18 全球购物
意大利男装网店:Vrients
2019/05/02 全球购物
法学院方阵解说词
2014/01/29 职场文书
三问三解心得体会
2014/09/05 职场文书
opencv读取视频并保存图像的方法
2021/06/04 Python
Pytest中conftest.py的用法
2021/06/27 Python
mysql中varchar类型的日期进行比较、排序等操作的实现
2021/11/17 MySQL