今天完成的事情：

1、重构任务7三个页面第一轮。

明天的计划：

1、完成任务7三个页面第二轮重构，在标签语义化、无多余无用代码的前提下，用sass提炼三个页面公共部分，以及头部，主体内容，尾部的组件，用一个css文件尽可能精简的完成三个页面的重构。

2、准备小课堂了，选题、看看飞升师兄们的ppt弄一个下来进行个性化修改。

3、晚上预习js。

遇到的问题：

1、以前的代码写的······ 怎么说呢，无用代码多，结构不清晰，没有理解每个样式的特性，还有点看不懂，没有语义化，重写很累。

收获：

1、重构bootstrap

用css重构第一个用bootstrap框架写的页面，感觉很奇妙，奇妙在对敲代码的思路会对页面有一个整体的框架思维，先写什么后写什么，元素的继承关系，什么位置用什么代码合适，css样式编写的先后顺序。在不用bootstrap写页面和用bootstrap写页面有什么不一样，要注意什么，这里更加的感觉到了bootstrap框架的可贵之处，相同的一个框架，用css重构会花更多的精力在框架的搭建上面，通过一层层的div嵌套，很容易出现结构的混乱，整体页面上下左右会有个别处没有对齐，需要花很多时间在这些小细节上面。而且后期维护的时间成本也很大。

2、meta标签中的http-equiv属性使用介绍

meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！ 

meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 

name属性 
name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meta标签的name属性语法格式是：
<metaname="参数"content="具体的参数值">。 

其中name属性主要有以下几种参数：　
A、Keywords(关键字)　 

B、description(网站内容描述) 

C、robots(机器人向导) 

D、author(作者)

http-equiv属性
http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。 
meta标签的http-equiv属性语法格式是： 
<metahttp-equiv="参数"content="参数变量值">； 
其中http-equiv属性主要有以下几种参数： 

A、Expires(期限) 

B、Pragma(cache模式) 

C、Refresh(刷新) 

D、Set-Cookie(cookie设定) 

E、Window-target(显示窗口的设定) 

F、content-Type(显示字符集的设定) 

G、content-Language（显示语言的设定）

H、Cache-Control指定请求和响应遵循的缓存机制。 

Meta标签使用技巧： 
Meta标签是用来描述网页属性的一种语言，标准的Meta标签可以便于搜索引擎排序，提高搜索引擎网站权重排名。要想网站做的更符合搜索引擎标准就必须了解meta标签。

进度：task13

任务开始时间：2018.6.2

预计结束时间：2018.5.3

是否有延期风险：无

禅道：http://task.jnshu.com/zentao/project-task-717.html