meta標簽是head部的一個輔助性標簽,提供關于 HTML 文檔的元數據。它并不會顯示在頁面上,但對于機器是可讀的。可用于瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(SEO),或其他 web 服務。
二、meta標簽的作用
meta標簽里的數據是供機器解讀的,其主要作用有:搜索引擎優化(SEO),定義頁面使用語言,自動刷新并指向新的頁面,實現網頁轉換時的動態效果,控制頁面緩沖,網頁定級評價,控制網頁顯示的窗口等等。
三、meta標簽的可選屬性
在W3school中,對于meta標簽的可選屬性提到了三個,分別是http-equiv、name和scheme,新近又出了一個property屬性,下面我們一個個介紹:
1、http-equiv屬性
http-equiv屬性是添加http頭部內容,對一些自定義的或者需要額外添加的發送到瀏覽器中的http頭部內容,我們就可以是使用這個屬性。
http-equiv屬性語法格式:
name屬性主要有以下幾種參數:
a、charset
說明:用以說明網頁制作所使用的文字以及語言。
用法:
b、expires
說明:設置網頁的過期時間,一旦過期則必須到服務器上重新獲取。需要注意的是必須使用GMT時間格式
用法:
c、refresh
說明:用于設定網頁在特定時間內自動刷新并轉到新頁面
用法:
d、pragma
說明:用于設定禁止瀏覽器從本地計算機的緩存中訪問頁面內容。
用法:
e、windows-target
說明:用于設定強制頁面在窗口中以獨立頁面顯示,防止自己的網頁被別人當作一個frame頁調用。
用法:
f、set-cookie
說明:用于設定一個自定義cookie,如果網頁過期,那么存盤的cookie將被刪除,注意必須使用GMT的時間格式。
用法:
g、content-Type
說明:用于設定頁面使用的字符集。
用法:
h、page-enter,page-exit
說明:用于設定頁面進入和離開時的過渡效果,注意被添加的頁面不能在一個frame中。
用法:
其中duration表示濾鏡特效的持續時間(單位:秒),transition是濾鏡類型,表示使用哪種特效,取值為0-23:
0 矩形縮小
1 矩形擴大
2 圓形縮小
3 圓形擴大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 豎百葉窗
9 橫百葉窗
10 錯位橫百葉窗
11 錯位豎百葉窗
12 點擴散
13 左右到中間刷新
14 中間到左右刷新
15 中間到上下
16 上下到中間
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 橫條
22 豎條
23 以上22種隨機選擇一種
2、name屬性
name屬性主要用于描述網頁,與之對應的屬性值為content,content中的內容主要是便于搜索引擎機器人查找信息和分類信息用的。
name屬性語法格式:
name屬性主要有以下幾種參數:
a、keywords
說明:keywords用來告訴搜索引擎你網頁的關鍵字是什么。
用法:
b、description
說明:description用來告訴搜索引擎你的網站主要內容。
用法: