HTML中小meta的大做用(不看不知道，一看還真學習了)

時間 2019-11-07

原文原文鏈接

meta是用來在HTML文檔中模擬HTTP協議的響應頭報文。meta 標籤用於網頁的<head>與</head>中，meta 標籤的用處不少。meta 的屬性有兩種：name和http-equiv。name屬性主要用於描述網頁，對應於content（網頁內容），以便於搜索引擎機器人查找、分類（目前幾乎全部的搜索引擎都使用網上機器人自動查找meta值來給網頁分類）。這其中最重要的是description（站點在搜索引擎上的描述）和keywords（分類關鍵詞），因此應該給每頁加一個meta值。比較經常使用的有如下幾個： html

name 屬性 windows

　　一、<meta name="Generator" contect="">用以說明生成工具（如Microsoft FrontPage 4.0）等；瀏覽器

　　二、<meta name="KEYWords" contect="">向搜索引擎說明你的網頁的關鍵詞；緩存

　　三、<meta name="DEscription" contect="">告訴搜索引擎你的站點的主要內容；服務器

　　四、<meta name="Author" contect="你的姓名">告訴搜索引擎你的站點的製做的做者； cookie

　　其中的屬性說明以下：網站

　　設定爲all：文件將被檢索，且頁面上的連接能夠被查詢； ui

　　設定爲none：文件將不被檢索，且頁面上的連接不能夠被查詢；搜索引擎

　　設定爲index：文件將被檢索；

　　設定爲follow：頁面上的連接能夠被查詢；

　　設定爲noindex：文件將不被檢索，但頁面上的連接能夠被查詢；

　　設定爲nofollow：文件將不被檢索，頁面上的連接能夠被查詢。

　　http-equiv屬性

　　一、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">

和 <meta http-equiv="Content-Language" contect="zh-CN">用以說明主頁製做所使用的文字以及語言；

　　又如英文是ISO-8859-1字符集，還有BIG五、utf-八、shift-Jis、Euc、Koi8-2等字符集；

　　二、<meta http-equiv="Refresh" contect="n;url=http://yourlink">定時讓網頁在指定的時間n內，跳轉到頁面http://yourlink；

　　三、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">能夠用於設定網頁的到期時間，一旦過時則必須到服務器上從新調用。須要注意的是必須使用GMT時間格式；

　　四、<meta http-equiv="Pragma" contect="no-cache">是用於設定禁止瀏覽器從本地機的緩存中調閱頁面內容，設定後一旦離開網頁就沒法從Cache中再調出；

　　五、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie設定，若是網頁過時，存盤的cookie將被刪除。須要注意的也是必須使用GMT時間格式；

　　六、<meta http-equiv="Pics-label" contect="">網頁等級評定，在IE的internet選項中有一項內容設置，能夠防止瀏覽一些受限制的網站，而網站的限制級別就是經過meta屬性來設置的；

　　七、<meta http-equiv="windows-Target" contect="_top">強制頁面在當前窗口中以獨立頁面顯示，能夠防止本身的網頁被別人看成一個frame頁調用；

　　八、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">設定進入和離開頁面時的特殊效果，這個功能即FrontPage中的「格式/網頁過渡」，不過所加的頁面不可以是一個frame頁面。

　　以上是經常使用的幾個meta屬性，有我的主頁的朋友不妨在你的主頁中加上它，效果但是不同的哦：）。