html video标签

结构标签（块状元素） —— 有意义的div

<article>   标记定义一篇文章
<header>    标记定义一个页面或者一个区域的头部
<nav>       标记定义导航条链接
<section>   标记定义一个区域
<aside>     标记定义页面内容部分的侧边栏
<hgroup>    标记定义文件中一个区块的相关信息
<figure>    标记定义一组媒体内容以及他们的标题
<figcaption>标签定义figure 元素的标题
<footer>    标记定义一个页面或者一个区域的底部
<dialog>    标记定义一个对话框（会话框）类似微信

header/section/aside/article/footer 最好不要嵌套自己

多媒体标签 支持不使用插件的情况下可以操作媒体文件

状态标签

<meter>     状态状态（事实状态显示：气压，气温）
<progress>  状态标签（任务过程：安装，加载）
    例如：
    <meter value="220" min="20" max="380" low="200" high="240" optimum="220">meter>
    <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" />
    <datalist id="phtonlist">
            <option value="1">1option>
            <option value="2">2option>
            <option value="3">3option>
            <option value="4">4option>
    datalist>

    <details open = "open" （#写了open 则默认开启，否则默认关闭#）>
                      <summary>你要显示的标题summary>
        内容：。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
        details>

注释标签

<rt>        标记定义对ruby的注释内容文本
<rp>        告诉那些不支持ruby元素的浏览器如何去显示
    例如：
    <p>我们来<ruby>聊<rt>liaort>ruby>天p>
    <p>我们来<ruby>聊<rt><rp>(rp>liao<rp>(rp>rt>ruby>天p> 对于不支持ruby的浏览器显示的是：我们来聊（liao）天

其他：

<output>        标记定义一些输出类型，计算表单结果配合oninput事件
<keygen>        标记定义表单里一个生成的键值（加密i洗脑洗传送）
<time>      标记定义一个日期/事件