溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

HTML中meta的標簽有哪些作用

發(fā)布時間:2022-03-07 10:45:44 來源:億速云 閱讀:317 作者:小新 欄目:web開發(fā)

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

  您的個人網(wǎng)站即使做得再精彩,在“浩瀚如?!钡木W(wǎng)絡空間中,也如一葉扁舟不易為人發(fā)現(xiàn),如何推廣個人網(wǎng)站,人們首先想到的方法無外乎以下幾種:

  ●在搜索引擎中登錄自己的個人網(wǎng)站

  ●在知名網(wǎng)站加入你個人網(wǎng)站的鏈接

  ●在論壇中發(fā)帖子宣傳你的個人網(wǎng)站

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

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

  詳細介紹

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

  META標簽分兩大部分:HTTP標題信息(HTTP-EQUIV)和頁面描述信息(NAME)。

  ★HTTP-EQUIV

  HTTP-EQUIV類似于HTTP的頭部協(xié)議,它回應給瀏覽器一些有用的信息,以幫助正確和精確地顯示網(wǎng)頁內容。常用的HTTP-EQUIV類型有:

  1、Content-Type和Content-Language(顯示字符集的設定)轉自環(huán)球網(wǎng)校edu24ol.com轉自環(huán)球網(wǎng)校edu24ol.com轉自環(huán)球網(wǎng)校edu24ol.com

  說明:設定頁面使用的字符集,用以說明主頁制作所使用的文字已經(jīng)語言,瀏覽器會根據(jù)此來調用相應的字符集顯示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屬性而得知需要使用哪種字符集顯示該頁面的。如果系統(tǒng)里沒有裝相應的字符集,則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(刷新)轉自環(huán)球網(wǎng)校edu24ol.com轉自環(huán)球網(wǎng)校edu24ol.com轉自環(huán)球網(wǎng)校edu24ol.com

  說明:讓網(wǎng)頁多長時間(秒)刷新自己,或在多長時間后讓網(wǎng)頁自動鏈接到其它網(wǎng)頁。

  用法:

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

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

  注意:其中的5是指停留5秒鐘后自動刷新到URL網(wǎng)址。

  3、Expires(期限)轉自環(huán)球網(wǎng)校edu24ol.com轉自環(huán)球網(wǎng)校edu24ol.com轉自環(huán)球網(wǎng)校edu24ol.com

  說明:指定網(wǎng)頁在緩存中的過期時間,一旦網(wǎng)頁過期,必須到服務器上重新調閱。

  用法:

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

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

  注意:必須使用GMT的時間格式,或直接設為0(數(shù)字表示多少時間后過期)。

  4、Pragma(cach模式)

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

  用法:

  注意:網(wǎng)頁不保存在緩存中,每次訪問都刷新頁面。這樣設定,訪問者將無法脫機瀏覽。

  5、Set-Cookie(cookie設定)

  說明:瀏覽器訪問某個頁面時會將它存在緩存中,下次再次訪問時就可從緩存中讀取,以提高速度。當你希望訪問者每次都刷新你廣告的圖標,或每次都刷新你的計數(shù)器,就要禁用緩存了。通常HTML文件沒有必要禁用緩存,對于ASP等頁面,就可以使用禁用緩存,因為每次看到的頁面都是在服務器動態(tài)生成的,緩存就失去意義。如果網(wǎng)頁過期,那么存盤的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(網(wǎng)頁RSAC等級評定)

  說明:在IE的Internet選項中有一項內容設置,可以防止瀏覽一些受限制的網(wǎng)站,而網(wǎng)站的限制級別就是通過該參數(shù)來設置的。

  用法::

  <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的評估系統(tǒng)提供了一種用來評價Web站點內容的標準。用戶可以設置MicrosoftInternetExplorer(IE3.0以上)來排除包含有色情和暴力內容的站點。上面這個例子中的HTML取自Microsoft的主頁。代碼中的(n0s0v0l0)表示該站點不包含不健康內容。級別的評定是由RSAC,即美國娛樂委員會的評級機構評定的,如果你想進一步了解RSAC評估系統(tǒng)的等級內容,或者你需要評價自己的網(wǎng)站,可以訪問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(關鍵字)

  說明:為搜索引擎提供的關鍵字列表轉自環(huán)球網(wǎng)校edu24ol.com轉自環(huán)球網(wǎng)校edu24ol.com轉自環(huán)球網(wǎng)校edu24ol.com

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

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

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

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

  2、Description(簡介)

  說明:Description用來告訴搜索引擎你的網(wǎng)站主要內容。

  用法:<Metaname="Description"Content="你網(wǎng)頁的簡述">

  注意:

  3、Robots(機器人向導)轉自環(huán)球網(wǎng)校edu24ol.com轉自環(huán)球網(wǎng)校edu24ol.com轉自環(huán)球網(wǎng)校edu24ol.com

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

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

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

  all:文件將被檢索,且頁面上的鏈接可以被查詢;

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

  index:文件將被檢索;(讓robot/spider登錄)

  follow:頁面上的鏈接可以被查詢;轉自環(huán)球網(wǎng)校edu24ol.com轉自環(huán)球網(wǎng)校edu24ol.com轉自環(huán)球網(wǎng)校edu24ol.com

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

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

  4、Author(作者)

  說明:標注網(wǎng)頁的作者或制作組

  用法:

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

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

  5、Copyright(版權)

  說明:標注版權轉自環(huán)球網(wǎng)校edu24ol.com轉自環(huán)球網(wǎng)校edu24ol.com轉自環(huán)球網(wǎng)校edu24ol.com

  用法:

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

  6、Generator(編輯器)

  說明:編輯器的說明

  用法:

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

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


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

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。

AI