HTML5是用于取代HTML和XHTML的标准版本新特性 ，新的语义化标签，比如 header，footer、nav 新的表单控件，比如 email、url、search 用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素。
全是div的布局：
不利于网站对访客的易用性
不利于搜索引擎或者爬虫软件建立索引
不便于后期的代码维护
页面布局： *{margin:0;padding:0;}所有内外边距为零
100vh就是整个屏幕的高度 viewport height
100vw是整个屏幕的宽度 viewport weight
vh 是视口的整个高度 整个屏幕的高度 不算滚动条内的高度
calc 是用css 用来计算的方法，用整个屏幕的高度 - header的高度 - nav的高度 - footer的高度，使用减法 - 左右需要空格
header main nav section aside article footer（增加对浏览器的语义化和代码的易维护性）
< header>< /header>页面或页面中某一个区块的页眉，通常是一些引导和导航信息 ， 一般是用在头部信息上
< main>< /main>用来包裹主体
< nav>< /nav>一般导航的内容可以使用nav来包裹
< section>< /section>页面中的一个内容区块，通常由内容及其标题组成 , 一般可以包裹一个内容区域块
< aside>< /aside>非正文的内容，与页面的主要内容是分开的，被删除而不会影响到网页的内容 ,一般用作侧边栏
< article>< /article>代表一个独立的、完整的相关内容块，可独立于页面其它内容使用 一般用来包裹正文的内容
< footer>< /footer>页面或页面中某一个区块的脚注
< video src="./vedio.mp4">< /audio>
controls 加上这个才会出现控制菜单，加上loop属性 播放完毕之后还会循环播放，加上muted属性 会自动屏蔽声音
