html meta标签 小图标,meta标签详解及添加ico图标

8种机械键盘轴体对比

本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？

一、meta标签

meta标签，位于HTML文档的< head >与< title >之间，它提供的信息虽然用户不可见，但却是文档最基本的元信息。meta标签除了提供文档字符集、使用语言、作者等基本信息外，还涉及关键词和网页等级的设定。

meta标签的内容设计对搜索引擎优化(seo)来说是很重要的一个元素，合理运用Description和Keywords属性，可以优化网站。1、< meta charset="UTF-8" > 字符编码

2、< meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/ > 优先识别IE最新版本和chrome

3、< meta http-equiv="refresh" content="30";url=""/ > 规定每30秒刷新一次页面，如果加url，就会被重新定向到指定页面

4、< meta name="renderer" content="webkit/ie-comp/ie-stand"/ > 内核控制meta标签，取用webkit内核，IE兼容内核，IE标准内核

5、< meta name="description" content="120 words"/ > 对页面的描述，一般包括标点在内不超过120个词

6、< meta name="keywords" content="袜子，鞋，电脑"/ > 定义文档关键词，用于搜索引擎，一般不超过12个名词

7、< meta name="author" content="author name"/ > 网页制作的作者信息

8、< meta name="robots" content="index,follow"/ >

搜索引擎方式：

(1)all：文件将被检索，并且页面上的链接也可以被查询；

(2)none：文件不能被检索，页面的链接也不被查询；

(3)index：文件将被检索；

(4)noindex：文件将不被检索；

(5)follow：页面的链接可以被查询；

(6)nofollow：页面的链接不可以被查询。## 二、ico图标

favicon.ico：网站头像，在网站标题前面，在head标签中添加代码，具体代码如下：< link rel="icon" href="1122.gif" type="image/gif">