HTML5新增的元素和移除的元素

为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者,等。

转载请注明出处:http://shenshanlaoyuan.com/2016/10/01/Web/HTML5新增的元素和移除的元素/

访问原文「HTML5新增的元素和移除的元素」获取最佳阅读体验并参与讨论

新元素

新的语义和结构元素

元素 描述
<article> 定义独立的内容,内容本身必须是有意义的且必须是独立于文档的其余部分。
<aside> 定义页面的侧边栏内容。
<header> 定义了文档的头部区域。
<footer> 定义文档或者文档的一部分区域的页脚。
<section> 定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。
<time> 定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。
<details> 规定了用户可见的或者隐藏的需求的补充细节。标签用来供用户开启关闭的交互式控件。任何形式的内容都能被放在 <details> 标签里边。元素的内容对用户是不可见的,除非设置了 open 属性。
<bdi> 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。在发布用户评论或其他您无法完全控制的内容时,该标签很有用。
<summary> 标签为 <details>元素定义一个可见的标题。 当用户点击标题时会显示出详细信息。
<command> 定义命令按钮,比如单选按钮、复选框或按钮。
<dialog> 定义对话框,比如提示框。
<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。元素的内容应该与主内容相关,同时元素的位置相对于主内容是独立的。如果被删除,则不应对文档流产生影响。
<figcaption> 定义<figure>元素的标题
<mark> 定义带有记号的文本。
<meter> 标签定义度量衡。仅用于已知最大和最小值的度量。比如:磁盘使用情况,查询结果的相关性等。
<nav> 标签定义导航链接的部分。并不是所有的HTML文档都要使用到 <nav> 元素。<nav>元素只是作为标注一个导航链接的区域。
<progress> 标签定义运行中的任务进度(进程)。
<rt> 定义字符(中文注音或字符)的解释或发音。

新表单元素

标签 描述
<datalist> 标签规定了 <input> 元素可能的选项列表。标签被用来在为 <input> 元素提供”自动完成”的特性。用户能看到一个下拉列表,里边的选项是预先定义好的,将作为用户的输入数据。
<keygen> 标签规定用于表单的密钥对生成器字段。当提交表单时,私钥存储在本地,公钥发送到服务器。
<output> 标签作为计算结果输出显示(比如执行脚本的输出)。

新多媒体元素

标签 描述
<audio> 标签定义声音,比如音乐或其他音频流。<audio>元素支持的3种文件格式:MP3、Wav、Ogg。
<video> 标签定义视频,比如电影片段或其他视频流。目前,<video> 元素支持三种视频格式:MP4、WebM、Ogg。
<source> 标签为媒体元素(比如 <video><audio>)定义媒体资源。
<embed> 标签定义了一个容器,用来嵌入外部应用或者互动程序(插件)。
<track> 标签为媒体元素(比如 <audio>and<video>)规定外部文本轨道。这个元素用于规定字幕文件或其他包含文本的文件,当媒体播放时,这些文件是可见的。

<canvas>元素

标签通过脚本(通常是 JavaScript)来绘制图形(比如图表和其他图像)。<canvas>标签只是图形容器,必须使用脚本来绘制图形。

移除的元素

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>
深山老猿 wechat
欢迎您扫一扫上面的微信公众号,订阅我的博客!
如对你有帮助,请我喝杯咖啡吧!0.0
显示 Gitment 评论