新增标签

语义和结构标签

<ruby>（注释注解标签）
    英雄
    <rt>ying xiong</rt>
</ruby>

<details>（描述文档细节）
     <!-- 定义标题的 -->
     <summary>中国医生</summary> 
     本片根据2020年抗击新冠肺炎疫情真实事件改编。讲述中国各地的白衣逆行者在这场浩大战役中纷纷挺身而出、争分夺秒、浴血奋战在武汉前线，不顾自身安危守护国人生命安全的震撼故事
</details>

 <progress value="0" max="100" id="pro">请升级浏览器</progress>（进度条）
    已完成<span id="res">0%</span>
    <script>
        setInterval(function(){
            var pro=document.getElementById('pro')
            var res=document.getElementById('res')
            pro.value ++
            // proValue ++;
            res.innerHTML=(pro.value / 100 * 100) + '%'
            if(pro.value==100){
                  alert('上传完成')
                  clearInterval(t)
            }
        },500)
    </script>

<nav>（导航标签）
    <a href="#">首页</a>
    <a href="#">关于我们</a>
    <a href="#">新闻资讯</a>
    <a href="#">联系我们</a>
</nav>

结构和布局标签：

header 定义文档的页眉部分

main 定义网页的主要内容部分

section 定义文档中的区段

article 文章内容部分

aside 定义其所处内容之外的内容，个人理解 侧边栏

footer 文档中的页脚部分

镶嵌框架标签：

src 定义显示文档的url地址

frameborder 是否显示框架周围的边框 0 表示不显示 1表示不显示

marginHeight 定义顶部和底部的边距

marginWidth 定义左侧和右侧的边距

媒体标签

视频标签： video

controls 是否显示播放面板

autoplay 自动播放 由于浏览器会拦截自动播放声音的视频，因此需要加上muted属性

muted 静音输出

poster 在视频为播放前，显示的图像(封面)

loop 设置视频循环播放

音频标签：audio

controls 是否显示播放面板

autoplay 自动播放 由于浏览器会拦截自动播放声音的视频，因此需要加上muted属性

muted 静音输出

loop 设置视频循环播放

表单相关

<!-- disabled   禁用整组表单元素-->
<fieldset disabled>
    <legend>
        分组标题
    </legend>
</fieldset>

新增输入框类型：

email 邮箱 提交时对输入的内容进行邮箱格式验证，允许空值提交

url 网址 需添加网址协议，如：http或者https

number 数字类型 整数

tel 手机号 移动端生效

color 调色板 收集的数据是16进制表示的颜色方式

date 日期控件

month 月份控件 选择月份

week 周控件 选择 一年中的多少周

time 时间控件 选择一天中的时间