一些常用的html头标签

有一些常用的html头标签，不容易记忆，所以干脆记在这里。

viewport 控制手机浏览器虚拟屏幕大小

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

viewport是用来描述手机浏览器渲染区域的大小的，如果不写上面这句声明，手机浏览器很可能会把页面放在桌面大小的宽度上渲染，然后缩小显示在手机屏幕上。加上上面这句viewport的声明后，手机浏览器就会按设备的宽度来渲染页面。viewport的功能比较复杂，涉及缩放，CSS象素大小等一堆定义，想详细了解可以Google搜索viewport。

refresh 延时跳转页面

<meta http-equiv="refresh" content="5; url=http://www.example.com/">

这个标签现在用的少了，论坛系统里比较常见，浏览器会在5秒后跳转到 http://www.example.com/ 上。

shortcut icon 网站图标

<link rel="shortcut icon" href="http://www.example.com/favicon.ico" type="image/x-icon">

上述声明定义了网站的图标，浏览器会把这个图标显示在网站的标签页或者历史记录中。如果没有写上面的声明，浏览器会自动试图请求网站域名根目录下的favicon.ico文件作为图标。所以这个标签仅在favicon不在站点域名根目录下时使用。默认图标应该使用微软的ico格式，不过现代浏览器对png等格式也支持，可以在type属性中定义。

apple-touch-icon 网站的大图标

<link rel="apple-touch-icon" href="http://www.example.com/apple-touch-icon.png">

如果用iOS上Safari的把网站添加桌面的功能，这个图标会显示在桌面上；另外Opera浏览器显示SpeedDial图标时也使用这个。如果没有上面的声明，默认会使用网站域名根目录下的apple-touch-icon.png文件，为了更好的兼容性，应该使用png格式。

x-ua-compatible 请求与网站兼容的渲染引擎

<meta http-equiv="x-ua-compatible" content="ie=5; ie=8">

有了这句声明，如果可以的话，对于IE8以上的浏览器，会用ie8的引擎渲染，对于IE6、7等，会用IE5的引擎渲染。

RSS 聚合源

<link rel="alternate" type="application/atom+xml" title="ATOM 1.0" href="http://www.example.com/atom.xml">
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.example.com/rss.xml">

上面的两句声明告诉浏览器RSS聚合源的URL是什么，一个使用RSS格式标准，另一个使用ATOM格式，供支付的浏览器选择。