HTML5技术

HTML5新增及移除的元素 - roucheng

字号+ 作者:H5之家 来源:博客园 2016-06-26 16:00 我要评论( )

HTML经过10多年的发展,其元素经历了废弃与不断重新定义的过程。为了更好的处理现在的互联网应用,HTML5新增了图形绘制、多媒体播放、页面结构、应用程序存储、网络工作等新元素。 图形绘制新元素 标签描述 canvas标签定义图形,比如图表和其他图像。该标签

HTML经过10多年的发展,其元素经历了废弃与不断重新定义的过程。为了更好的处理现在的互联网应用,HTML5新增了图形绘制、多媒体播放、页面结构、应用程序存储、网络工作等新元素。

图形绘制新元素

标签描述

<canvas> 标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API

新多媒体元素

标签描述

<audio> 定义音频内容

<vedio> 定义视频内容

<source> 定义多媒体资源(audio或vedio)

<embed> 定义嵌入的内容,比如插件

<track> 为如video和 audio元素之类的媒介规定外部文本轨道

新表单元素

标签描述

<datalist> 定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。

<keygen> 规定用于表单的密钥对生成器字段。

<output> 定义不同类型的输出,比如脚本的输出。

新的语义和结构元素

HTML5提供了新的元素来创建更加适用的的页面。

标签描述

<article> 定义页面独立的内容区域。

<aside> 定义页面的侧边栏内容。 何问起

<bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置。

<command> 定义命令按钮,比如单选按钮、复选框或按钮。

<details> 用于描述文档或文档某个部分的细节。

<dialog> 定义对话框,比如提示框。

<summary> 标签包含 details 元素的标题。

<figure> 规定独立的流内容(图像、图表、照片、代码等等)。

<figcaption> 定义 figure元素的标题。

<footer> 定义 section 或 document 的页脚。

<header> 定义了文档的头部区域。

<mark> 定义带有记号的文本。

<meter> 定义度量衡。仅用于已知最大和最小值的度量。

<nav> 定义导航链接的部分。

<progress> 定义任何类型的任务的进度。

<ruby> 定义 ruby 注释(中文注音或字符)。

<rt> 定义字符(中文注音或字符)的解释或发音。

<rp> 在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。

<section> 定义文档中的节(section、区段)。

<time> 定义日期或时间。

<wbr> 规定在文本中的何处适合添加换行符。

已移除的元素

以下的 HTML 4.01 元素在HTML5中已经被删除:

标签

<acronym>

<applet>

<basefont>

<big>

<center>

<dir>

<font>

<frame>

<frameset>

<noframes>

<strike>

<tt>

 

 网页特效:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

网友点评