浅谈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实战第一波 让我们尽情的圆角吧
Aug 27 HTML / CSS
css3 flex实现div内容水平垂直居中的几种方法
Mar 27 HTML / CSS
css3弹性盒子flex实现三栏布局的实现
Nov 12 HTML / CSS
HTML5打开本地app应用的方法
Mar 31 HTML / CSS
H5 canvas中width、height和style的宽高区别详解
Nov 02 HTML / CSS
HTML5教程之html 5 本地数据库(Web Sql Database)
Apr 03 HTML / CSS
HTML5 在canvas中绘制文本附效果图
Jun 23 HTML / CSS
HTML5本地存储之Web Storage详解
Jul 04 HTML / CSS
Canvas制作的下雨动画的示例
Mar 06 HTML / CSS
HTML5触摸事件(touchstart、touchmove和touchend)的实现
May 08 HTML / CSS
浅析HTML5页面元素及属性
Jan 20 HTML / CSS
box-shadow单边阴影的实现
May 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
JS 有名函数表达式全面解析
2010/03/19 Javascript
JQuery 选择器 xpath 语法应用
2010/05/13 Javascript
基于jquery打造的百分比动态色彩条插件
2012/09/19 Javascript
JS替换文本域内的回车示例
2014/02/18 Javascript
基于JavaScript如何制作遮罩层对话框
2016/01/26 Javascript
JavaScript自学笔记(必看篇)
2016/06/23 Javascript
AngularJS 自定义过滤器详解及实例代码
2016/09/14 Javascript
纯javascript版日历控件
2016/11/24 Javascript
vue中将网页打印成pdf实例代码
2017/06/15 Javascript
vue2.0与bootstrap3实现列表分页效果
2017/11/28 Javascript
微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
2017/12/14 Javascript
node实现登录图片验证码的示例代码
2018/04/20 Javascript
解决angularjs service中依赖注入$scope报错的问题
2018/10/02 Javascript
ajax与jsonp的区别及用法
2018/10/16 Javascript
ES6中的迭代器、Generator函数及Generator函数的异步操作方法
2019/05/12 Javascript
基于JavaScript 实现拖放功能
2019/09/12 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
基于JavaScript获取base64图片大小
2019/10/18 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
解决vue中axios设置超时(超过5分钟)没反应的问题
2020/09/04 Javascript
vue 单页应用和多页应用的优劣
2020/10/22 Javascript
Python使用BeautifulSoup库解析HTML基本使用教程
2016/03/31 Python
详解Python读取yaml文件多层菜单
2019/03/23 Python
python 实现在tkinter中动态显示label图片的方法
2019/06/13 Python
使用Python进行防病毒免杀解析
2019/12/13 Python
Python : turtle色彩控制实例详解
2020/01/19 Python
python tqdm 实现滚动条不上下滚动代码(保持一行内滚动)
2020/02/19 Python
Python3 ffmpeg视频转换工具使用方法解析
2020/08/10 Python
幼儿教师个人求职信范文
2013/09/21 职场文书
医院搬迁方案
2014/06/14 职场文书
交通事故和解协议书
2014/09/25 职场文书
中学生检讨书范文
2014/11/03 职场文书
2015年社会治安综合治理工作总结
2015/04/10 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
陈斌强事迹观后感
2015/06/17 职场文书
mongodb的安装和开机自启动详细讲解
2021/08/02 MongoDB