浅谈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实现轮播图效果实例
May 04 HTML / CSS
CSS3圆角边框和边界图片效果实例
Jul 01 HTML / CSS
CSS3 linear-gradient线性渐变生成加号和减号的方法
Nov 21 HTML / CSS
css3实现圆锥渐变conic-gradient效果
Feb 12 HTML / CSS
纯CSS3实现圆圈动态发光特效动画的示例代码
Mar 08 HTML / CSS
HTML5 progress和meter控件_动力节点Java学院整理
Jul 06 HTML / CSS
HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览
Dec 13 HTML / CSS
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
Jan 09 HTML / CSS
分享29个基于Bootstrap的HTML5响应式网页设计模板
Nov 19 HTML / CSS
HTML5对比HTML4的主要改变和改进总结
May 27 HTML / CSS
canvas实现按住鼠标移动绘制出轨迹的示例代码
Feb 05 HTML / CSS
使用postMessage让 iframe自适应高度的方法示例
Oct 08 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
php数组函数序列之prev() - 移动数组内部指针到上一个元素的位置,并返回该元素值
2011/10/31 PHP
PHP清除字符串中所有无用标签的方法
2014/12/01 PHP
PHP针对redis常用操作实例详解
2019/08/17 PHP
Prototype源码浅析 String部分(二)
2012/01/16 Javascript
js综合应用实例简单的表格统计
2013/09/03 Javascript
jquery对ajax的支持介绍
2013/12/10 Javascript
jQuery新的事件绑定机制on()示例应用
2014/07/18 Javascript
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
14个有用的Jquery技巧分享
2015/01/08 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
2016/07/14 Javascript
JS返回只包含数字类型的数组实例分析
2016/12/16 Javascript
浅析vue数据绑定
2017/01/17 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
2017/01/18 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
2017/03/02 Javascript
vue2.0使用v-for循环制作多级嵌套菜单栏
2018/06/25 Javascript
用js编写留言板
2020/03/17 Javascript
[01:26]神话结束了,却也刚刚开始——DOTA2新英雄玛尔斯驾临战场
2019/03/10 DOTA
[47:46]完美世界DOTA2联赛 Magma vs GXR 第三场 11.07
2020/11/10 DOTA
仅利用30行Python代码来展示X算法
2015/04/01 Python
简单了解Python中的几种函数
2017/11/03 Python
python监控进程状态,记录重启时间及进程号的实例
2019/07/15 Python
基于多进程中APScheduler重复运行的解决方法
2019/07/22 Python
Python爬虫requests库多种用法实例
2020/05/28 Python
Python生成随机验证码代码实例解析
2020/06/09 Python
使用numpngw和matplotlib生成png动画的示例代码
2021/01/24 Python
HTML5的文档结构和新增标签完全解析
2017/04/21 HTML / CSS
护理中职生求职信范文
2014/02/24 职场文书
机关办公室岗位职责
2014/04/16 职场文书
领导干部作风建设剖析材料
2014/10/11 职场文书
2014年房地产工作总结范文
2014/11/19 职场文书
2015年度护士个人工作总结
2015/04/09 职场文书
全民创业工作总结
2015/08/13 职场文书
2017年寒假少先队活动总结
2016/04/06 职场文书
如何用python识别滑块验证码中的缺口
2021/04/01 Python
JavaScript阻止事件冒泡的方法
2021/12/06 Javascript
Python中三种花式打印的示例详解
2022/03/19 Python