61-语义化标签(盒子)，audio,video，canvas，渐变色，Math.sin/cos

1.语义化标签(盒子)：标签自带解释含义

    <!-- 语义化标签自带解释含义 -->
    <!-- 以下标签本质上是属于盒子 -->
    <header>
        <nav></nav>
    </header>
    <main>
        <article></article>
    </main>
    <footer></footer>

 面试题：语义化标签的作用

1.提高网页的可读性 2.提升网页的可访问性 3.搜索引擎优化 4.提高代码的可维护性和可扩展性

 2.音频，视频

2.1音频audio，常见格式mp3,ogg,wav

    <audio src="">
      <!-- 一个音频控件引入多个音频文件 -->
      <source src="../2.19/video.mp4" type="audio/mp3">
      <source src="" type="audio/mp3">  
    </audio>

音频运行之后没有显示 ，如图语义是除了(not)controls属性之外audio标签不显示