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">
原文地址:https://www.cnblogs.com/kakafra/p/2830427.html