今天完成的事情：

今天完成了CSS的全部任务，CSS算是暂时可以先放一放了，准备全力进攻JS了。

明天计划的事情：

把任务十四十五的深度思考看完，看js的基础，准备接js任务一

遇到的问题：

1、之前遇到的轮播图的手动自动同时播放已然放弃寻找解决办法

2、昨天提交任务十五发现了兼容性问题，虽然我已经清除了部分样式，但是因为没有经过多方测试，所以样式清除的不全，有时候即使浏览器相同不同的系统也会有不同的默认样式存在，比如昨天发现的nav标签在师兄的mac出现了自带的margin，能力有限，搞不懂为啥会有这个默认样式

3、师弟的任务九中全面的使用了bootstrap，使用框架自带的折叠导航栏只能点击一次再点击收不回去，虽然可以使用input-label来做，但是师弟非要用框架的话这里我还是要回去好好在学习学习框架的知识。

收获：

1、

SEO与SEM

SEM(Search Engine Market)就是搜索引擎营销。简单理解就是购买搜索引擎提供的广告位， 例如百度和google右侧的结果都是广告，按照关键词购买，按照点击收费，每次有网民点击你的广告，搜索引擎就扣一次费用。

SEO是通过对网站的内容，结构，外链等方面进行优化，使网站更符合搜索引擎的抓取， 从而提升搜索结果排名，提升网站流量的手段。

1. 2、前端怎么做SEO
2. ①维护网站，提高内容质量，保持更新
3. ②网站结构布局优化：尽量简单、开门见山，提倡扁平化结构。一般需要做到三层目录结构
4. ③控制首页链接数量
5. 链接少，爬虫不会下爬，网站收录信息少，链接多的话影响用户体验，降低首页权重
6. ④导航优化
7. 面包屑导航
8.        基于位置的面包屑导航
9.        基于属性的面包屑导航
10.        基于路径的面包屑导航
11. 适用条件：
12.        层级较深的网站
13.        独立不交叉的网站结构
14. ⑤控制页面的大小
15. 减少http请求次数，加载提速
16. ⑥适量的关键词和网页描述
17. 
    
18. title标题
19. meta keywords标签：关键词
20. meta description标签：网页描述
21. 多使用一些语义化标签比如nav、h1-h6、ul li，同时考虑到各种主流浏览器的兼容
22. a标签的el=nofollow可以禁止爬出外爬
23. display： none中的内容爬虫是看不到的
24. 
    
25. 3、Robots协议
26. 也称为爬虫协议、机器人协议等，全称是“网络爬虫排除标准”（Robots Exclusion Protocol）， 网站通过Robots协议告诉搜索引擎哪些页面可以抓取，哪些页面不能抓取。
27. User-agent:*-----*是一个通配符，表示所有的搜索引擎种类
28. Disallow:/admin/------表示禁止搜索引擎爬寻admin目录下的内容
29. Disallow:*?*------表示禁止搜索引擎爬寻包含?的网页