品优购项目案例制作需要注意的内容笔记

个人在做的时候遇到的，自己觉得需要注意的内容

模块化

1.有些样式和结构在很多页面会出现，比如页面的头部和底部，大部分页面都有。此时可以把这些结构和样式单独作为一个模块，然后重复使用

2.这里最典型的应用就是common.css公共样式。写好一个样式，其余的页面用到这些相同的样式

3.模块化开发具有重复使用，修改方便等优点。

common.css公共样式里面包含版心宽度，清除浮动，页面文字颜色等公共样式。

网站favicon 图标

在浏览器上面左侧有一个图标如

Favicon.ico一般用于作为缩略的网站标志，它显示在浏览器的地址栏或者标签上

目前主要的浏览器都支持favicon图标。

1. 制作favicon图标

把图标切成png图片

把png图片转化为ico图片。https://www.bitbug.net/

引入到页面，图标放到根目录下。大部分网站都是这么做的。

<link rel="shortcut icon" href=" /favicon.ico" />

网站的TDK三大标签seo优化

SEO就是搜索引擎。比如百度，搜狗等等。是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式

SEO的目的是对网站进行深度的优化，从而帮助网站获取免费的流量，进而在搜索引擎上提高网站的排名，提高网站的知名度。

前端写的网站需要复合SEO，三大标准

Title网站标题

具有不可替代性，是我们内页的一个重要标签，是搜索引擎了解网页的入口喝对网页主题归属的最佳判断点。

建议：网站名（产品名）-网站的介绍（尽量不要超过30个汉字）

如下

 <title