了解HTML5、网页布局、新增结构、网页元素

1.了解HTML

什么是HTML5

HTML5是用于取代HTML和XHTML的标准版本

新特性

新的语义化标签，比如 header、footer、nav

新的表单控件，比如 email、url、search

用于绘画的 canvas 元素

用于媒介回放的 video 和 audio 元素

作者有话说：

之前我们使用的都是div、p、span等标签，这样的标签最简单使用，但是也有不方便的地方，第一不利于网站对访客的易用性，单单使用div标签只能制作网页但是 访问网页的渠道有很多，div制作网页无法根据访问页面的适用大小而改变，使用起来也不方便，第二不利于搜索引擎或者爬虫软件建立索引，第三不便于后期的代码维护，后面我们就会学习新增结构和网页的元素，可以 解决这些问题。

2.网页布局

代码学到目前大概可以画出这么一张图，先来分析一下这张图的结构，总共有五个div，但是侧边栏和作文在一行里，所以我们可以把它们归结到一个div包裹起来，运用display把div块元素转化为行内块元素，这样就可以在一行显示啦而且不影响我们后面添加样式。

大概布局就是

<div class="box">

        <div class=&