Head区的设置

HTML网站需要注意的几点细节，可以体现网站的专业性。

 

(1) 收藏夹小图标

如果你将百度网页加入收藏夹，可以看到在收藏夹网址之前的IE图标变成了百度的图标。要实现这样效果很简单，首先制作一个16x16的icon图标，命名为favicon.ico，放在根目录下。然后将下面的代码嵌入head区：

 

    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

 

(2) 搜索引擎相关

    1>、允许搜索机器人搜索站内所有链接，如果你想限制搜索引擎的搜索，推荐采用robots.txt方法(Robots协议)

    <meta content="all" name="robots" />

    2>、设置站点作者信息

    <meta name="author" content="kakafra@cnblogs.com,Francis" />

    3>、设置站点版权信息

    <meta name="Copyright" content="http://www.cnblogs.com/kakafra/,自由版权,转载请注明出处" />

    4>、站点的简要介绍

    <meta name="description" content="量力而行，尽力而为；过而能改，善莫大焉！ " />

    5>、站点的关键词

    <meta content="Android,Linux,Oracle,Java,Flex,C/C++,杂谈,设计模式,MySQL,数据结构" name="keywords" />

 

(3) 为IE准备的   

    1>、 站点的IE兼容性（IE8引入了文件兼容性）

    <meta http-equiv="X-UA-Compatible" content="IE=7" />

 

(4) 其他实用的meta标签

    1>、定时让网页在指定的时间n内，跳转

    <meta http-equiv="Refresh" content="5;url=http://www.cnblogs.com/kakafra/">

    2>、网页的到期时间

    <meta http-equiv="Expires" content="Mon,12 Dec 2012 00:20:00 GMT">

    3>、禁止浏览器从本地缓存中查看页面内容

    <meta http-equiv="Pragma" content="no-cache">