10.15 品优购网站项目

网站 favion 图标

作为缩略的网站标志，显示在浏览器的地址栏或标签上。

1. 切出图标的png图片，用转换网站转换成 ico 格式的图标；
2. 将图标放到网站根目录下；
3. 在HTML文档head中引入favion图标—— <link  rel="shortcut icon"  href="图标地址/名称">

 

SEO（Search Engine Optimization）搜索引擎优化，是指利用搜索引擎的规则来提高网站在相关搜索内的排名；

为了进行SEO优化：

 

1、HTML的head中添加三个标签及其内容：title、description、keywords。

2、制作logo部分时

1. 先加入一个h1标签，为了提权和标重点；
2. h1中放一个返回首页的链接a，以logo图片作为它的背景，并添加一个title属性使鼠标放上去时显示提示文字；
3. 链接a里面要放文字（网站名称），但要让文字不显示出来，有两种方法：

• 用文字缩进 text-indent: (-999px)，将文字移到盒子外面，再 overflow: hidden; 隐藏文字；
• 用文字大小 font-size: 0;