HTML与HTNL5增加的新元素

HTML

HTML：用来描述网页的一种语言

1.html指的是超文本标记语言：HyperText Markup Language

2.html不是一种编程语言，是一种标记语言（标记标签）

3.html文档包含HTML标签+文本内容，也称web页面

HTML5

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

• 用于绘画的 canvas 元素
• 用于媒介回放的 video 和 audio 元素
• 对本地离线存储的更好的支持
• 新的特殊内容元素，比如 article、footer、header、nav、section
• 新的表单控件，比如 calendar、date、time、email、url、search

HTML5是在HTML的基础上增加和删除了一些元素，更加灵活好用。

新元素

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

2.新多媒体元素：

<audio>:定义音频内容

<video>:定义视频（video 或者 movie）

<source>:定义多媒体资源 <video> 和 <audio>

<embed>:定义嵌入的内容，比如插件。

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

3.新的语义和结构元素

<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>:规定在文本中的何处适合添加换行符。

知识整理来源于HTML5 教程 | 菜鸟教程 (runoob.com)