第九天笔记

学习目标

1. 品优购项目目录搭建
2. ico图标运用
3. 了解SEO三大优化标签
4. 使用字体图标
5. 完成课堂上的品优购

品优购目录搭建

项目文件夹   ：最大的文件夹，所有的项目文件都存放在这个文件夹里面 例如：pinyougou
css文件夹  ：专门用来存放css文件的文件夹
images文件夹：专门用来存放不怎么更新的图片的文件夹
upload文件夹：专门用来存放时常更新的产品图的文件夹
fonts文件夹 ：专门用来存放字体相关的文件夹

css文件分类：

normalize.css   初始化css文件 将各大浏览器之间的样式全部统一
common.css      公共样式文件

ico图标的使用

1、需要设计师提供图片
2、登录对应的网站（http://www.bitbug.net/） 将图标上传上去即可得到ico图标
3、使用代码  <link rel="shortcut icon" href=" /favicon.ico" />  （注意路径：建议将ico图标放到根目录下面）

网页SEO三大标签

1. 网页的title标签

title具有不可替代性，是我们的内页第一个重要标签，是搜索引擎了解网页的入口，和对网页主题归属的最佳判断点。
长度：谷歌：35个中文 百度：28个中文
首页建议：网站名（产品名）- 网站的介绍 
例如：品优购-综合网购首选-正品低价、品质保障、配送及时、轻松购物！   

1. Description标签

针对网站的描述，是标题的一个补充，可以较为详细，一般不超过120个字，作用相对次之
    <meta name="description" content="品优购-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />

1. Keywords关键字

搜索引擎的关注点之一，应该限制在6-8个关键字之间
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购" />

html和css(9)

原文：https://www.cnblogs.com/f2ehe/p/11863235.html