一些HTML5的标签

article:

article元素代表文档、页面或应用程序中独一的、完整的、可以被外部引用的内容。

section:

对页面上的内容进行分块，对文章进行分段。一个section元素通常由内容及其标题组成。section元素的内容可以单独存储到数据库或输出到word文档中。

通常不推荐为那些没有标题的内容使用section元素。

 aside:

此标签内容与页面其他内容的关联性不强，或者没有关联，单独存在，一般用作广告宣传、作者介绍等等。

main:

文档内容对于文档来说应该是唯一的，它不应包含在文档中重复出现的内容，如侧栏、导航栏、版权信息、站点标知或搜索表单

header、footer、nav:

页眉、页脚、导航

command：

用户能够调用的命令、如按钮、单选框等。只有IE9支持

details+summary实现菜单开关：

<div>
        <details open>
            <summary>商品管理</summary>
        </details>
        <ul>
            <li>添加</li>
            <li>删除</li>
        </ul>
    </div>

ul{
        display: none;
        transition: all 0.5s;
        margin: 0;
        padding: 0;
        list-style: none;
        max-height: 0;
        overflow: hidden;
    }
    [open]+ul{
        display: block;
        max-height: 400px;
    }

效果：

 进度和标尺

<progress value="20" max="100">进度</progress>
<meter value="10" min="0" max="20">标尺</meter>
<meter value="0.6">60%</meter>

emdbed:插入多媒体，多种格式