html5都添加增加了那些新的元素?

作者:前端大神~ | 时间:2018-11-15

HTML 4.01 自从发布以来,稳定使用了很多年,为了更好互联网的发展,发布了html5,那么在html5中都添加增加了那些新的元素?

html5新表单元素

<datalist>    定义输入控件的预定义选项。    

<keygen>    定义键对生成器字段(用于表单)。    

<output>    定义计算结果。    

html5新图像元素

<canvas>    定义使用 JavaScript 的图像绘制。    

<svg>    定义使用 SVG 的图像绘制。    

html5新多媒体元素

<audio>    定义音频内容    

<video>    定义视频(video 或者 movie)    

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

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

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

html5新语义-结构元素

<article>    定义文档内的文章。    

<aside>    定义页面内容之外的内容。    

<bdi>    定义与其他文本不同的文本方向。    

<details>    定义用户可查看或隐藏的额外细节。    

<dialog>    定义对话框或窗口。    

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

<figure>    定义自包含内容,比如图示、图表、照片、代码清单等等。    

<footer>    定义文档或节的页脚。    

<header>    定义文档或节的页眉。    

<main>    定义文档的主内容。    

<mark>    定义重要或强调的内容。    

<menuitem>    定义用户能够从弹出菜单调用的命令/菜单项目。    

<meter>    定义已知范围(尺度)内的标量测量。    

<nav>    定义文档内的导航链接。    

<progress>    定义任务进度。    

<rp>    定义在不支持 ruby 注释的浏览器中显示什么。    

<rt>    定义关于字符的解释/发音(用于东亚字体)。    

<ruby>    定义 ruby 注释(用于东亚字体)。    

<section>    定义文档中的节。    

<summary>    定义 <details> 元素的可见标题。    

<time>    定义日期/时间。    

<wbr>    定义可能的折行(line-break)。    

以上就是全部html5新添加的元素了,大家可以详细了解下。