浅谈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 animation实现简易幻灯片轮播特效
Sep 27 HTML / CSS
结合 CSS3 transition transform 实现简单的跑马灯效果的示例
Feb 07 HTML / CSS
探究 canvas 绘图中撤销(undo)功能的实现方式详解
May 17 HTML / CSS
input元素的url类型和email类型简介
Jul 11 HTML / CSS
html5-Canvas可以在web中绘制各种图形
Dec 26 HTML / CSS
HTML5实现获取地理位置信息并定位功能
Apr 25 HTML / CSS
HTML5新增加的功能详解
Sep 05 HTML / CSS
HTML5新增属性data-*和js/jquery之间的交互及注意事项
Aug 08 HTML / CSS
浅谈基于Canvas的手绘风格图形库Rough.js
Mar 19 HTML / CSS
利用 Canvas实现绘画一个未闭合的带进度条的圆环
Jul 26 HTML / CSS
HTML+CSS+JavaScript实现图片3D展览的示例代码
Oct 12 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写的基于Memcache的Queue实现代码
2011/11/27 PHP
PHP中usort在值相同时改变原始位置问题的解决方法
2011/11/27 PHP
JavaScript While 循环基础教程
2007/04/05 Javascript
JavaScript 字符编码规则
2009/05/04 Javascript
仿百度的关键词匹配搜索示例
2013/09/25 Javascript
详解JavaScript中undefined与null的区别
2014/03/29 Javascript
jQuery在页面加载时动态修改图片尺寸的方法
2015/03/20 Javascript
JQuery实现带排序功能的权限选择实例
2015/05/18 Javascript
JS拖动鼠标画出方框实现鼠标选区的方法
2015/08/05 Javascript
jquery实现漂亮的二级下拉菜单代码
2015/08/26 Javascript
轻松实现JavaScript图片切换
2016/01/12 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
2018/08/14 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
2019/06/10 Javascript
vue 设置 input 为不可以编辑的实现方法
2019/09/19 Javascript
解决Vue的项目使用Element ui 走马灯无法实现的问题
2020/08/03 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
2020/11/05 Javascript
python list 合并连接字符串的方法
2013/03/09 Python
python去除所有html标签的方法
2015/05/05 Python
python3抓取中文网页的方法
2015/07/28 Python
Python多线程实现同步的四种方式
2017/05/02 Python
基于python的Tkinter编写登陆注册界面
2017/06/30 Python
详解Python:面向对象编程
2019/04/10 Python
Python数据类型之Set集合实例详解
2019/05/07 Python
PyQt5固定窗口大小的方法
2019/06/18 Python
pyqt5让图片自适应QLabel大小上以及移除已显示的图片方法
2019/06/21 Python
如何使用Python实现斐波那契数列
2019/07/02 Python
python sklearn常用分类算法模型的调用
2019/10/16 Python
Django模板之基本的 for 循环 和 List内容的显示方式
2020/03/31 Python
程序员机试试题汇总
2012/03/07 面试题
介绍一下木马病毒的种类
2015/07/26 面试题
自荐信的两点禁忌
2013/10/30 职场文书
初中同学聚会邀请函
2014/02/03 职场文书
幼儿园新年寄语
2014/04/03 职场文书
《宋庆龄故居的樟树》教学反思
2014/04/07 职场文书
对外汉语教师推荐信
2015/03/27 职场文书
netty 实现tomcat的示例代码
2022/06/05 Servers