HTML中meta的標簽有哪些作用

這篇文章主要為大家展示了“HTML中meta的標簽有哪些作用”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“HTML中meta的標簽有哪些作用”這篇文章吧。

　　您的個人網站即使做得再精彩，在“浩瀚如海”的網絡空間中，也如一葉扁舟不易為人發現，如何推廣個人網站，人們首先想到的方法無外乎以下幾種：

　　●在搜索引擎中登錄自己的個人網站

　　●在知名網站加入你個人網站的鏈接

　　●在論壇中發帖子宣傳你的個人網站

　　很多人卻忽視了HTML標簽META的強大功效，一個好的META標簽設計可以大大提高你的個人網站被搜索到的可能性，有興趣嗎，誰我來重新認識一下META標簽吧！

　　META標簽是HTML語言HEAD區的一個輔助性標簽，它位于HTML文檔頭部的標記和標題<<標記之間，它提供用戶不可見的信息。meta標簽通常用來為搜索引擎robots定義頁面主題，或者是定義用戶瀏覽器上的cookie；它可以用于鑒別作者，設定頁面格式，標注內容提要和關鍵字；還可以設置頁面使其可以根據你定義的時間間隔刷新自己，以及設置RASC內容等級，等等。

　　詳細介紹

　　下面介紹一些有關標記的例子及解釋。

　　META標簽分兩大部分：HTTP標題信息（HTTP-EQUIV）和頁面描述信息（NAME）。

　　★HTTP-EQUIV

　　HTTP-EQUIV類似于HTTP的頭部協議，它回應給瀏覽器一些有用的信息，以幫助正確和精確地顯示網頁內容。常用的HTTP-EQUIV類型有：

　　1、Content-Type和Content-Language（顯示字符集的設定）轉自環球網校edu24ol.com轉自環球網校edu24ol.com轉自環球網校edu24ol.com

　　說明：設定頁面使用的字符集，用以說明主頁制作所使用的文字已經語言，瀏覽器會根據此來調用相應的字符集顯示page內容。

　　用法：

　　<Metahttp-equiv="Content-Type"Content="text/html;Charset=gb2312">

　　<Metahttp-equiv="Content-Language"Content="zh-CN">

　　注意：該META標簽定義了HTML頁面所使用的字符集為GB2132，就是國標漢字碼。如果將其中的“charset=GB2312”替換成“BIG5”，則該頁面所用的字符集就是繁體中文Big5碼。當你瀏覽一些國外的站點時，IE瀏覽器會提示你要正確顯示該頁面需要下載xx語支持。這個功能就是通過讀取HTML頁面META標簽的Content-Type屬性而得知需要使用哪種字符集顯示該頁面的。如果系統里沒有裝相應的字符集，則IE就提示下載。其他的語言也對應不同的charset，比如日文的字符集是“iso-2022-jp”，韓文的是“ks_c_5601”。

　　Content-Type的Content還可以是：text/xml等文檔類型；

　　Charset選項：ISO-8859-1（英文）、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii，x-mac-roman，iso-8859-2，x-mac-ce，iso-2022-jp，x-sjis，x-euc-jp，euc-kr，iso-2022-kr，gb2312，gb_2312-80，x-euc-tw，x-cns11643-1，x-cns11643-2等字符集；Content-Language的Content還可以是：EN、FR等語言代碼。

　　2、Refresh（刷新）轉自環球網校edu24ol.com轉自環球網校edu24ol.com轉自環球網校edu24ol.com

　　說明：讓網頁多長時間（秒）刷新自己，或在多長時間后讓網頁自動鏈接到其它網頁。

　　用法：

　　<Metahttp-equiv="Refresh"Content="30">

　　<Metahttp-equiv="Refresh"Content="5;Url=http://www.xia8.net">

　　注意：其中的5是指停留5秒鐘后自動刷新到URL網址。

　　3、Expires（期限）轉自環球網校edu24ol.com轉自環球網校edu24ol.com轉自環球網校edu24ol.com

　　說明：指定網頁在緩存中的過期時間，一旦網頁過期，必須到服務器上重新調閱。

　　用法：

　　<Metahttp-equiv="Expires"Content="0">

　　<Metahttp-equiv="Expires"Content="Wed,26Feb199708:21:57GMT">

　　注意：必須使用GMT的時間格式，或直接設為0（數字表示多少時間后過期）。

　　4、Pragma（cach模式）

　　說明：禁止瀏覽器從本地機的緩存中調閱頁面內容。

　　用法：

　　注意：網頁不保存在緩存中，每次訪問都刷新頁面。這樣設定，訪問者將無法脫機瀏覽。

　　5、Set-Cookie（cookie設定）

　　說明：瀏覽器訪問某個頁面時會將它存在緩存中，下次再次訪問時就可從緩存中讀取，以提高速度。當你希望訪問者每次都刷新你廣告的圖標，或每次都刷新你的計數器，就要禁用緩存了。通常HTML文件沒有必要禁用緩存，對于ASP等頁面，就可以使用禁用緩存，因為每次看到的頁面都是在服務器動態生成的，緩存就失去意義。如果網頁過期，那么存盤的cookie將被刪除。

　　用法：

　　<Metahttp-equiv="Set-Cookie"Content="cookievalue=xxx;expires=Wednesday,

　　21-Oct-9816:14:21GMT;path=/">

　　注意：必須使用GMT的時間格式。

　　6、Window-target（顯示窗口的設定）

　　說明：強制頁面在當前窗口以獨立頁面顯示。

　　用法：<Metahttp-equiv="Widow-target"Content="_top">

　　注意：這個屬性是用來防止別人在框架里調用你的頁面。Content選項：_blank、_top、_self、_parent.

　　7、Pics-label（網頁RSAC等級評定）

　　說明：在IE的Internet選項中有一項內容設置，可以防止瀏覽一些受限制的網站，而網站的限制級別就是通過該參數來設置的。

　　用法：：

　　<METAhttp-equiv="Pics-label"Contect="(PICS－1.1'http://www.rsac.org/ratingsv01.html'Igencomment'RSACiNorthAmericaSever'by'inet@microsoft.com'for'http://www.microsoft.com'on'1997.06.30T14:21－0500'r(n0s0v0l0))">

　　注意：不要將級別設置的太高。RSAC的評估系統提供了一種用來評價Web站點內容的標準。用戶可以設置MicrosoftInternetExplorer（IE3.0以上）來排除包含有色情和暴力內容的站點。上面這個例子中的HTML取自Microsoft的主頁。代碼中的（n0s0v0l0）表示該站點不包含不健康內容。級別的評定是由RSAC，即美國娛樂委員會的評級機構評定的，如果你想進一步了解RSAC評估系統的等級內容，或者你需要評價自己的網站，可以訪問RSAC的站點：http://www.rsac.org/.

　　8、Page-Enter、Page-Exit（進入與退出）

　　說明：這個是頁面被載入和調出時的一些特效。

　　用法：

　　<Metahttp-equiv="Page-Enter"Content="blendTrans(Duration=0.5)">

　　<Metahttp-equiv="Page-Exit"Content="blendTrans(Duration=0.5)">

　　二、

　　name的content指定實際內容。如：如果指定level(等級)為value(值)，則Content可能是beginner(初級)、intermediate(中級)、advanced(高級)。

　　1、Keywords(關鍵字)

　　說明：為搜索引擎提供的關鍵字列表轉自環球網校edu24ol.com轉自環球網校edu24ol.com轉自環球網校edu24ol.com

　　用法：<Metaname="Keywords"Content="關鍵詞1,關鍵詞2，關鍵詞3,關鍵詞4,&hellip;&hellip;">

　　注意：各關鍵詞間用英文逗號“,”隔開。META的通常用處是指定搜索引擎用來提高搜索質量的關鍵詞。當數個META元素提供文檔語言從屬信息時，搜索引擎會使用lang特性來過濾并通過用戶的語言優先參照來顯示搜索結果。例如：

　　<Metaname="Kyewords"Content="vacation,greece,sunshine">

　　<Metaname="Kyewords"Content="vacances,gr&egrave;:ce,soleil">

　　2、Description(簡介)

　　說明：Description用來告訴搜索引擎你的網站主要內容。

　　用法：<Metaname="Description"Content="你網頁的簡述">

　　注意：

　　3、Robots(機器人向導)轉自環球網校edu24ol.com轉自環球網校edu24ol.com轉自環球網校edu24ol.com

　　說明：Robots用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。Content的參數有all、none、index、noindex、follow、nofollow。默認是all。

　　用法：<Metaname="Robots"Content="All|None|Index|Noindex|Follow|Nofollow">

　　注意：許多搜索引擎都通過放出robot/spider搜索來登錄網站，這些robot/spider就要用到meta元素的一些特性來決定怎樣登錄。

　　all：文件將被檢索，且頁面上的鏈接可以被查詢；

　　none：文件將不被檢索，且頁面上的鏈接不可以被查詢；(和"noindex,nofollow"起相同作用)

　　index：文件將被檢索；（讓robot/spider登錄）

　　follow：頁面上的鏈接可以被查詢；轉自環球網校edu24ol.com轉自環球網校edu24ol.com轉自環球網校edu24ol.com

　　noindex：文件將不被檢索，但頁面上的鏈接可以被查詢；(不讓robot/spider登錄)

　　nofollow：文件將不被檢索，頁面上的鏈接可以被查詢。(不讓robot/spider順著此頁的連接往下探找)

　　4、Author(作者)

　　說明：標注網頁的作者或制作組

　　用法：

　　<Metaname="Author"Content="張三，abc@sina.com">

　　注意：Content可以是：你或你的制作組的名字,或Email

　　5、Copyright(版權)

　　說明：標注版權轉自環球網校edu24ol.com轉自環球網校edu24ol.com轉自環球網校edu24ol.com

　　用法：

　　<Metaname="Copyright"Content="本頁版權歸Zerospace所有。AllRightsReserved">

　　6、Generator(編輯器)

　　說明：編輯器的說明

　　用法：

　　<Metaname="Generator"Content="PCDATA|FrontPage|">

　　注意：Content="你所用編輯器"

以上是“HTML中meta的標簽有哪些作用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！