article元素代表文档、页面或应用程序中独一的、完整的、可以被外部引用的内容。
对页面上的内容进行分块，对文章进行分段。一个section元素通常由内容及其标题组成。section元素的内容可以单独存储到数据库或输出到word文档中。
通常不推荐为那些没有标题的内容使用section元素。
此标签内容与页面其他内容的关联性不强，或者没有关联，单独存在，一般用作广告宣传、作者介绍等等。
文档内容对于文档来说应该是唯一的，它不应包含在文档中重复出现的内容，如侧栏、导航栏、版权信息、站点标知或搜索表单
页眉、页脚、导航
用户能够调用的命令、如按钮、单选框等。只有IE9支持
<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>
原文：https://www.cnblogs.com/ltfxy/p/12405553.html