浅谈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 中实现炫酷的loading效果
Apr 26 HTML / CSS
CSS3 please 跨浏览器的CSS3产生器
Mar 14 HTML / CSS
CSS3系列教程:背景图片(背景大小和多背景图) 应用说明
Dec 19 HTML / CSS
css图标制作教程制作云图标
Jan 19 HTML / CSS
纯CSS3实现滚动的齿轮动画效果
Jun 05 HTML / CSS
基于CSS3实现的黑色个性导航菜单效果
Sep 14 HTML / CSS
canvas之万花筒效果的简单实现(推荐)
Aug 16 HTML / CSS
css3 盒模型以及box-sizing属性全面了解
Sep 20 HTML / CSS
HTML5 canvas基本绘图之绘制阴影效果
Jun 27 HTML / CSS
html5 touch事件实现页面上下滑动效果【附代码】
Mar 10 HTML / CSS
基于html5绘制圆形多角图案
Apr 21 HTML / CSS
HTML5移动端手机网站开发流程
Apr 25 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实现 APP端微信支付功能
2018/06/22 PHP
PHP面向对象程序设计之构造方法和析构方法详解
2019/06/13 PHP
php操作redis常见方法示例【key与value操作】
2020/04/14 PHP
javascript demo 基本技巧
2009/12/18 Javascript
30个最佳jQuery Lightbox效果插件分享
2011/04/11 Javascript
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
2011/07/31 Javascript
js滚动条回到顶部的代码
2011/12/06 Javascript
JavaScript 基础篇之对象、数组使用介绍(三)
2012/04/07 Javascript
IE6下javasc#ipt:void(0) 无效的解决方法
2013/12/23 Javascript
jquery live()重复绑定的解决方法介绍
2014/01/03 Javascript
jquery实现左右无缝轮播图
2020/07/31 Javascript
AngularJS入门教程之路由与多视图详解
2016/08/19 Javascript
Javascript的this用法
2017/01/16 Javascript
AngularJS双向绑定和依赖反转实例详解
2017/04/15 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
2019/04/04 Javascript
微信小程序如何访问公众号文章
2019/07/08 Javascript
基于ajax实现上传图片代码示例解析
2020/12/03 Javascript
Python性能优化的20条建议
2014/10/25 Python
Python中每次处理一个字符的5种方法
2015/05/21 Python
基于Python对象引用、可变性和垃圾回收详解
2017/08/21 Python
在windows下Python打印彩色字体的方法
2018/05/15 Python
Python操作MySQL数据库的两种方式实例分析【pymysql和pandas】
2019/03/18 Python
python爬虫 线程池创建并获取文件代码实例
2019/09/28 Python
python中设置超时跳过,超时退出的方式
2019/12/13 Python
python 密码学示例——理解哈希(Hash)算法
2020/09/21 Python
Python 实现键盘鼠标按键模拟
2020/11/18 Python
Pycharm 设置默认解释器路径和编码格式的操作
2021/02/05 Python
英国亚马逊官方网站:Amazon.co.uk
2019/08/09 全球购物
2014新年元旦活动策划方案
2014/02/18 职场文书
社区服务活动小结
2014/07/08 职场文书
软件测试专业推荐信
2014/09/18 职场文书
世界遗产导游词
2015/02/13 职场文书
2015年专项整治工作总结
2015/04/03 职场文书
公司员工手册范本
2015/05/14 职场文书
党员电教片《信仰》心得体会
2016/01/15 职场文书
PostgreSQL事务回卷实战案例详析
2022/03/25 PostgreSQL