HTML<head> 標(biāo)簽用于定義文檔的頭部，它是所有頭部元素的容器她肯。<head> 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表鹰贵、提供元信息等等晴氨。
文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標(biāo)題碉输、在 Web 中的位置以及和其他文檔的關(guān)系等籽前。絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會(huì)真正作為內(nèi)容顯示給讀者。
Head標(biāo)簽在我們的開發(fā)實(shí)踐中最常用的大概是定義標(biāo)題和網(wǎng)站小圖標(biāo)敷钾、引入CSS/JS枝哄、定義字符集，這篇文章將總結(jié)幾個(gè)我所遇到的Head標(biāo)簽的幾個(gè)高級(jí)用法阻荒。
一挠锥、SEO相關(guān)
1. 定義關(guān)鍵詞 keywords:
<meta name="keywords" content="your keywords">
頁(yè)面描述內(nèi)容 description:
<meta name="description" content="your description">2. 定義網(wǎng)頁(yè)搜索引擎索引方式，通常有如下幾種取值：none侨赡，noindex蓖租，nofollow，all羊壹，index和follow等蓖宦。
<meta name="robots" content="index,follow">
其中的屬性說(shuō)明如下：設(shè)定為all：文件將被檢索，且頁(yè)面上的鏈接可以被查詢油猫；
設(shè)定為none：文件將不被檢索稠茂，且頁(yè)面上的鏈接不可以被查詢；
設(shè)定為index：文件將被檢索眨攘；
設(shè)定為follow：頁(yè)面上的鏈接可以被查詢主慰；
設(shè)定為noindex：文件將不被檢索嚣州，但頁(yè)面上的鏈接可以被查詢鲫售；
設(shè)定為nofollow：文件將不被檢索，頁(yè)面上的鏈接可以被查詢该肴。
-
3. 結(jié)構(gòu)化數(shù)據(jù)
結(jié)構(gòu)化情竹，是通過(guò)網(wǎng)頁(yè)特殊的標(biāo)簽將需要的數(shù)據(jù)提供給搜索引擎，并在搜索結(jié)果中按照既定的模版展現(xiàn)的實(shí)現(xiàn)形式匀哄，目的是為了提升搜索結(jié)果的體驗(yàn)秦效，幫助站長(zhǎng)提升搜索結(jié)果點(diǎn)擊率雏蛮。
** 如下時(shí)使用在head中設(shè)置結(jié)構(gòu)化數(shù)據(jù)后的搜索引擎展示效果：**
Paste_Image.png
Paste_Image.png
- 360結(jié)構(gòu)化數(shù)據(jù)幫助文檔： http://www.so.com/help/help_3_9.html
二、瀏覽器控制
一阱州、頁(yè)面刷新：
refresh示例
5秒之后刷新本頁(yè)面:
<meta http-equiv="refresh" content="5" />
5秒之后轉(zhuǎn)到wangbaiyuan.cn:
<meta http-equiv="refresh" content="5; url=http://wangbaiyuan.cn" />**二挑秉、 控制頁(yè)面與移動(dòng)設(shè)備寬度相等 **
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
網(wǎng)頁(yè)寬度默認(rèn)等于屏幕寬度（width=device-width）， 初始縮放比例（initial-scale=1）為1.0苔货，即網(wǎng)頁(yè)初始大小占屏幕面積的100%犀概。
三、緩存控制：cache-control
<meta http-equiv="pragma" content="no-cache">
pragma與no-cache用于定義頁(yè)面緩存,不緩存頁(yè)面(為了提高速度一些瀏覽器會(huì)緩存瀏覽者瀏覽過(guò)的頁(yè)面,通過(guò)下面的定義,瀏覽器一般不會(huì)緩存頁(yè)面,而且瀏覽器無(wú)法脫機(jī)瀏覽.)
<meta http-equiv="cache-control" content="no-cache">
常見(jiàn)的取值有private夜惭、no-cache姻灶、max-age、must-revalidate等诈茧，默認(rèn)為private,其作用根據(jù)不同的重新瀏覽方式分為以下幾種情況：
- 1） 打開新窗口 值為private产喉、no-cache、must-revalidate敢会，那么打開新窗口訪問(wèn)時(shí)都會(huì)重新訪問(wèn)服務(wù)器曾沈。 而如果指定了max-age值，那么在此值內(nèi)的時(shí)間里就不會(huì)重新訪問(wèn)服務(wù)器鸥昏，例如： Cache-control: max-age=5(表示當(dāng)訪問(wèn)此網(wǎng)頁(yè)后的5秒內(nèi)再次訪問(wèn)不會(huì)去服務(wù)器)
- 2） 在地址欄回車 值為private或must-revalidate則只有第一次訪問(wèn)時(shí)會(huì)訪問(wèn)服務(wù)器晦譬，以后就不再訪問(wèn)。 值為no-cache互广，那么每次都會(huì)訪問(wèn)敛腌。 值為max-age，則在過(guò)期之前不會(huì)重復(fù)訪問(wèn)惫皱。
- 3） 按后退按扭 值為private像樊、must-revalidate、max-age旅敷，則不會(huì)重訪問(wèn)生棍， 值為no-cache，則每次都重復(fù)訪問(wèn)4） 按刷新按扭 無(wú)論為何值媳谁，都會(huì)重復(fù)訪問(wèn) Cache-control值為“no-cache”時(shí)涂滴，訪問(wèn)此頁(yè)面不會(huì)在Internet臨時(shí)文件夾留下頁(yè)面?zhèn)浞荨?br>
<meta http-equiv="expires" content="0">
指定Expires值為一個(gè)早已過(guò)去的時(shí)間，那么訪問(wèn)此網(wǎng)時(shí)若重復(fù)在地址欄按回車晴音，那么每次都會(huì)重復(fù)訪問(wèn)： Expires: Fri, 31 Dec 1999 16:00:00 GMT 比如：禁止頁(yè)面在IE中緩存 http響應(yīng)消息頭部設(shè)置： CacheControl = no-cache Pragma=no-cache Expires = -1 Expires是個(gè)好東東柔纵，如果服務(wù)器上的網(wǎng)頁(yè)經(jīng)常變化，就把它設(shè)置為0锤躁，表示立即過(guò)期搁料。
