浅谈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 相关文章推荐
CSS3系列教程:背景图片(背景大小和多背景图) 应用说明
Dec 19 HTML / CSS
利用Bootstrap实现漂亮简洁的CSS3价格表实例源码
Mar 02 HTML / CSS
css3实现文字首尾衔接跑马灯的示例代码
Oct 16 HTML / CSS
canvas像素画板的实现代码
Nov 21 HTML / CSS
html5中去掉input type date默认样式的方法
Sep 06 HTML / CSS
Html5剪切板功能的实现代码
Jun 29 HTML / CSS
HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
Dec 09 HTML / CSS
html5 svg 中元素点击事件添加方法
Jan 16 HTML / CSS
html5定位获取当前位置并在百度地图上显示
Aug 22 HTML / CSS
HTML5到底会有什么发展?HTML5的前景展望
Jul 07 HTML / CSS
详解canvas绘制多张图的排列顺序问题
Jan 21 HTML / CSS
HTML静态页面获取url参数和UserAgent的实现
Aug 05 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
改德生G88 - 加装等响度低音提升电路
2021/03/02 无线电
PHP4 与 MySQL 数据库操作函数详解
2006/12/06 PHP
PHP+MySQL 制作简单的留言本
2009/11/02 PHP
php截取字符串函数substr,iconv_substr,mb_substr示例以及优劣分析
2014/06/10 PHP
JS获取IUSR_机器名和IWAM_机器名帐号的密码
2006/12/06 Javascript
Javascript的一种模块模式
2010/09/08 Javascript
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
2011/10/29 Javascript
Extjs中通过Tree加载右侧TabPanel具体实现
2013/05/05 Javascript
jQuery实现的网页竖向菜单效果代码
2015/08/26 Javascript
Jquery组件easyUi实现手风琴(折叠面板)示例
2016/08/23 Javascript
基于Angularjs+mybatis实现二级评论系统(仿简书)
2017/02/13 Javascript
详解VueJs前后端分离跨域问题
2017/05/24 Javascript
使用veloticy-ui生成文字动画效果
2018/02/08 Javascript
checkbox在vue中的用法小结
2018/11/13 Javascript
javascript头像上传代码实例
2019/09/28 Javascript
Vuex中实现数据状态查询与更改
2019/11/08 Javascript
Vue2.0 实现页面缓存和不缓存的方式
2019/11/12 Javascript
[02:34]DOTA2英雄基础教程 幽鬼
2014/01/02 DOTA
Python和Java进行DES加密和解密的实例
2018/01/09 Python
Python 带有参数的装饰器实例代码详解
2018/12/06 Python
python利用插值法对折线进行平滑曲线处理
2018/12/25 Python
深入浅析python 协程与go协程的区别
2019/05/09 Python
基于python二叉树的构造和打印例子
2019/08/09 Python
详解pyinstaller selenium python3 chrome打包问题
2019/10/18 Python
python图的深度优先和广度优先算法实例分析
2019/10/26 Python
python itsdangerous模块的具体使用方法
2020/02/17 Python
python中sympy库求常微分方程的用法
2020/04/28 Python
Python字符串查找基本操作代码案例
2020/10/27 Python
史泰博(Staples)中国官方网站:办公用品一站式采购
2016/09/05 全球购物
世界上最悠久的自行车制造商:Ribble Cycles
2017/03/18 全球购物
碧欧泉法国官网:Biotherm法国
2019/10/23 全球购物
中学生自我评价范文
2014/02/08 职场文书
党员年终个人总结
2015/02/14 职场文书
2015年家长学校工作总结
2015/04/22 职场文书
node.js使用express-fileupload中间件实现文件上传
2021/07/16 Javascript
Vue Element plus使用方法梳理
2022/12/24 Vue.js