HTML5 新标签总汇

Posted 2020-07-24

<article> 标签定义外部的内容（外部内容如blog,news）。　　　　　　使用后感觉和P差不多，语义化的标签。

<aside> 标签定义article以外的内容（可用做文章的侧栏）. 　　　　　　语义化的标签。

<audio>标签定义音乐。　　　　　　　　　　　　　　　　　　　　　　支持三种格式,ogg,mp3,wav。 Safari仅支持MP3 and WAV 两种格式.

<canvas>使用javascript在网页上绘制图形图像。　　　　　　　　　　学好算法JS无所不能. （浏览器说：鸭梨很大）.

<command> 定义按钮用的.  　　　　　　　　　　　　　　　　　　　　说实话,没用明白。

<datalist> 定义选项列表.   　　　　　　　　　　　　　　　　　　　　又是一个不知道咋用的标签。

<details>  用于描述某个文档部分的内容。  　　　　　　　　　　　　　　语义化的标签。

<summary> 定义<details>元素标题。 　　　　　　　　　　　　　　　　语义化的标签。

<embed>定义嵌入的内容（如插件）。 　　　　　　　　　　　　　　　　必须有一个src的属性，值是URL。可以是图片，swf etc.

<figure> 对元素进行组合.                                                           语义化的标签。

<figcaption> 定义figure的标题.                                                     语义化的标签.

<footer>定义页脚。                                                                   语义化的标签。

<header>定义页眉。                                                                   语义化的标签。

<hgroup>对网页或区段(section)的标题进行组合。                             语义化的标签。

<keygen> 定义密钥.                                                                  没用明白。

<mark>定义带有记号的文本。                                                      突出显示用的，会有个背景色。

<meter> 定义度量衡，用于已知最大和最小值的度量。                        不懂，在chrome下显示的是图像,在firefox和safari下显示的是<meter>标签内的文本.

<nav>定义导航。                                                                      语义化的标签。

<output> 定义输出类型。                                                           应是和表单一块用的。

<progress>定义运行中的进度。                                                    进度条效果.

<rupy><rp><rt>                                                                     定义ruby注释。

<section>定义文档中的区段。                                                      语义化的标签,自认为是<div>的替代品.

<source>  定义媒介源（如<video>和<audio>）.                           定义媒介资源的类型,让浏览器决定是否下载.

<time> 定义时间。                                                                     语义化的标签。

<video> 定义视频。                                                                  IE9和Safari支持MP4，其他主流浏览器支持Ogg。