Html5-新增元素—新增标签—已移除标签，详细介绍以及案列展示

最新推荐文章于 2022-07-12 11:51:15 发布

zZoOoOJaVa

最新推荐文章于 2022-07-12 11:51:15 发布

阅读量518

点赞数

分类专栏： Html5 文章标签： Html5新增元素标签 Html5废弃元素标签 Html5版本介绍

本文链接：https://blog.csdn.net/zZoOoOJaVa/article/details/84678212

版权

2 篇文章 0 订阅

订阅专栏

1.是一种标记语言

2.运行环境：浏览器执行

3.语法不区分大小写

Html4.01 十几年的标准好多浏览器不支持(由于低版本IE使用人数很少等，所以Html4.01使用不多)。

Html5 大部分浏览器都支持，IE6支持很差，对移动webapp支持良好(目前使用最广泛)。

自1999年以后HTML 4.01 已经改变了很多,今天，在HTML 4.01中的几个已经被废弃，这些元素在HTML5中已经被删除或重新定义。

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

Html5新增标签一共有30个。下面我会一个一个的介绍，并且把我演示的过程截图给大家看。

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

亲测案列：

效果图：

标签	描述
<audio>	定义音频内容
<video>	定义视频（video 或者 movie）
<source>	定义多媒体资源 <video> 和 <audio>
<embed>	定义嵌入的内容，比如插件。
<track>	为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。

亲测案列：

标签	描述
<datalist>	定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
<keygen>	规定用于表单的密钥对生成器字段。
<output>	定义不同类型的输出，比如脚本的输出。

<datalist>亲测案列：

<datalist>效果图：

<keygen>亲测案列：

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中已经被删除:

关注

专栏目录