版权声明： https://blog.csdn.net/baidu_41671472/article/details/81838082
结构标签（块状元素） —— 有意义的div
<article> 标记定义一篇文章
<header> 标记定义一个页面或者一个区域的头部
<nav> 标记定义导航条链接
<section> 标记定义一个区域
<aside> 标记定义页面内容部分的侧边栏
<hgroup> 标记定义文件中一个区块的相关信息
<figure> 标记定义一组媒体内容以及他们的标题
<figcaption>标签定义figure 元素的标题
<footer> 标记定义一个页面或者一个区域的底部
<dialog> 标记定义一个对话框（会话框）类似微信header/section/aside/article/footer 最好不要嵌套自己
多媒体标签 支持不使用插件的情况下可以操作媒体文件
<audio> 标记定义一个音频
<source> 标记定义视频音频资源
<canvas> 标记定义一个画布（用api，可以定义多种多样特效图片）
<embed> 标记定义外部的可以交互的内同或者插件，例如flash，矢量图片
例如：
<audio autoplay = "autoplay" loop = "-1" controls = "controls">
<source src = "/test.mp3" type = "audio/mpeg" （#解码为mp3#）>
</audio>
<video autoplay = "autoplay" loop = "-1" controls = "controls" width = "宽" height = "高">
<source src = "/test.mp4" type = "audio/mp4" （#解码为mp4#）>
</video>
<embed src = "test.swf" width = "宽" height = "高">状态标签
<meter> 状态状态（事实状态显示：气压，气温）
<progress> 状态标签（任务过程：安装，加载）
例如：
<meter value="220" min="20" max="380" low="200" high="240" optimum="220"></meter><!-- 当前值为220 最低为20 最高为380 标准在200~240之间 最好的取值为220-->
<meter value="180" min="20" max="380" low="200" high="240" optimum="220"></meter>
<meter value="260" min="20" max="380" low="200" high="240" optimum="220"></meter>
<meter value="0.75">75%</meter>
<progress value="30" max="100"></progress>
<progress max="100"></progress>列表标签
<details> 标记定义一个元素的详细内同，配合summary
例如：
<input placeholder="选择手机品牌" list="phtonlist" /><!--input的list 必须和datalist的id相同-->
<datalist id="phtonlist">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</datalist>
<details open = "open" （#写了open 则默认开启，否则默认关闭#）>
<summary>你要显示的标题</summary>
内容：。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
</details>注释标签
<rt> 标记定义对ruby的注释内容文本
<rp> 告诉那些不支持ruby元素的浏览器如何去显示
例如：
<p>我们来<ruby>聊<rt>liao</rt></ruby>天</p>
<p>我们来<ruby>聊<rt><rp>(</rp>liao<rp>(</rp></rt></ruby>天</p> 对于不支持ruby的浏览器显示的是：我们来聊（liao）天其他：
<output> 标记定义一些输出类型，计算表单结果配合oninput事件
<keygen> 标记定义表单里一个生成的键值（加密i洗脑洗传送）
<time> 标记定义一个日期/事件