今天完成的事情：

一、task5资料整理

1、HTML编码规范

https://github.com/fex-team/styleguide/blob/master/html.md

2、CSS编码规范

https://github.com/fex-team/styleguide/blob/master/css.md

二、src和href的区别

href标识超文本引用，用在link和a等元素上，href是引用和页面关联，是在当前元素和引用资源之间建立联系。

src表示引用资源，表示替换当前元素，用在img，script，iframe上，src是页面内容不可缺少的一部分。

资料来源：https://blog.csdn.net/binlety/article/details/81448195

三、1、常用的css命名规则

头：header    

内容：content/container    

尾：footer    

导航：nav   

侧栏：sidebar    

栏目：column

页面外围控制整体布局宽度：wrapper    

左右中：left right center    

登录条：loginbar    

标志：logo   

广告：banner

页面主体：main    

热点：hot    

新闻：news    

下载：download    

子导航：subnav    

菜单：menu    

子菜单：submenu    

搜索：search    

友情链接：friendlink    

页脚：footer    

版权：copyright    

滚动：scroll

内容：content

标签页：tab

文章列表：list

提示信息：msg

小技巧：tips

栏目标题：title

加入：joinus

指南：guild

服务：service

注册：regsiter

状态：status

投票：vote

合作伙伴：partner

2、注释的写法:

/* Footer */

内容区

/* End Footer */

3、id的命名:

 (1)页面结构 

容器: container 

页头：header

内容：content/container 

页面主体：main 

页尾：footer 

导航：nav

侧栏：sidebar 

栏目：column

页面外围控制整体布局宽度：wrapper 

左右中：left right center 

(2)导航

导航：nav

主导航：mainbav 

子导航：subnav

顶导航：topnav

边导航：sidebar

左导航：leftsidebar 

右导航：rightsidebar

菜单：menu

子菜单：submenu

标题: title

摘要: summary

(3)功能

标志：logo 

广告：banner

登陆：login 

登录条：loginbar 

注册：regsiter

搜索：search

功能区：shop

标题：title

加入：joinus

状态：status 

按钮：btn

滚动：scroll

标签页：tab 

文章列表：list

提示信息：msg

当前的: current

小技巧：tips

图标: icon

注释：note

指南：guild

服务：service

热点：hot

新闻：news

下载：download

投票：vote

合作伙伴：partner 

友情链接：link

版权：copyright

4、class的命名:

(1)颜色:使用颜色的名称或者16进制代码,如 

.red { color: red; }

.f60 { color: #f60; }

.ff8600 { color: #ff8600; }

（2）字体大小,直接使用”font+字体大小”作为名称,如

.font12px { font-size: 12px; }

.font9pt {font-size: 9pt; }

(3)对齐样式,使用对齐目标的英文名称,如

.left { float:left; }

.bottom { float:bottom; }

(4)标题栏样式,使用”类别+功能”的方式命名,如

.barnews { }

.barproduct { }

资料来源：https://www.cnblogs.com/jiuxin/p/10116405.html

明天计划的事情：1、完成task5。

遇到的问题：1、footer紧贴浏览器底部。处理方式：https://www.cnblogs.com/lbsgood/archive/2012/06/07/2540157.html

收获：对编码规范有了具体的了解。

（因为代码保存在另一部电脑，这里就不上传了）