Meta標籤詳解(HTML JAVASCRIPT)

時間 2019-12-02

標籤 meta 標籤詳解 html javascript 欄目 HTML5 简体版

原文原文鏈接

Meta標籤詳解，在網上轉的，但願對你們有用javascript

　　您的我的網站即便作得再精彩，在「浩瀚如海」的網絡空間中，也如一葉扁舟不易爲人發現，如何推廣我的網站，人們首先想到的方法無外乎如下幾種：　　　　●　在搜索引擎中登陸本身的我的網站　　　　html

　在知名網站加入你我的網站的連接java

在論壇中發帖子宣傳你的我的網站web

　　不少人卻忽視了HTML標籤META的強大功效，一個好的META標籤設計能夠大大提升你的我的網站被搜索到的可能性，有興趣嗎，誰我來從新認識一下META標籤吧！數據庫

　　META標籤是HTML語言HEAD區的一個輔助性標籤，它位於HTML文檔頭部的<HEAD>標記和<TITLE>標記之間，它提供用戶不可見的信息。meta標籤一般用來爲搜索引擎robots定義頁面主題，或者是定義用戶瀏覽器上的cookie；它能夠用於鑑別做者，設定頁面格式，標註內容提要和關鍵字；還能夠設置頁面使其能夠根據你定義的時間間隔刷新本身,以及設置RASC內容等級，等等。瀏覽器

　　詳細介紹緩存

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

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

　　★HTTP-EQUIV網絡

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

　　一、Content-Type和Content-Language (顯示字符集的設定)

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

　　用法：<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312"> 　　　　　　<Meta http-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(英文)、BIG五、UTF-八、SHIFT-Jis、Euc、Koi8-二、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等語言代碼。

　　二、Refresh (刷新)

　　　說明：讓網頁多長時間（秒）刷新本身，或在多長時間後讓網頁自動連接到其它網頁。　　　用法：<Meta http-equiv="Refresh" Content="30"> 　　　　　　<Meta http-equiv="Refresh" Content="5; Url=http://www.xia8.net"> 　　　注意：其中的5是指停留5秒鐘後自動刷新到URL網址。

　　三、Expires (期限)

　　　說明：指定網頁在緩存中的過時時間，一旦網頁過時，必須到服務器上從新調閱。　　　用法：<Meta http-equiv="Expires" Content="0"> 　　　　　　<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT"> 　　　注意：必須使用GMT的時間格式，或直接設爲0(數字表示多少時間後過時)。

　　四、Pragma (cach模式)

　　　說明：禁止瀏覽器從本地機的緩存中調閱頁面內容。　　　用法：<Meta http-equiv="Pragma" Content="No-cach"> 　　　注意：網頁不保存在緩存中，每次訪問都刷新頁面。這樣設定，訪問者將沒法脫機瀏覽。

　　五、Set-Cookie (cookie設定)

　　說明：瀏覽器訪問某個頁面時會將它存在緩存中，下次再次訪問時就可從緩存中讀取，以提升速度。當你但願訪問者每次都刷新你廣告的圖標，或每次都刷新你的計數器，就要禁用緩存了。一般HTML文件沒有必要禁用緩存，對於ASP等頁面，就可使用禁用緩存，由於每次看到的頁面都是在服務器動態生成的，緩存就失去意義。若是網頁過時，那麼存盤的cookie將被刪除。　　　用法：<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday, 　　　　　　 21-Oct-98 16:14:21 GMT; path=/"> 　　　注意：必須使用GMT的時間格式。

　　六、Window-target (顯示窗口的設定)

　　　說明：強制頁面在當前窗口以獨立頁面顯示。　　　用法：<Meta http-equiv="Widow-target" Content="_top"> 　　　注意：這個屬性是用來防止別人在框架裏調用你的頁面。Content選項：_blank、_top、_self、_parent。

　　七、Pics-label (網頁RSAC等級評定) 　　　說明：在IE的Internet選項中有一項內容設置，能夠防止瀏覽一些受限制的網站，而網站的限制級　　　　　　別就是經過該參數來設置的。　　　用法：<META http-equiv="Pics-label" Contect= 　　　　　　　　　　　　　　　"(PICS－1.1'http://www.rsac.org/ratingsv01.html' 　　　　　　 I gen comment 'RSACi North America Sever' by 'inet@microsoft.com' 　　　　　　　for 'http://www.microsoft.com' on '1997.06.30T14:21－0500' r(n0 s0 v0 l0))">

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

　　八、Page-Enter、Page-Exit (進入與退出)

　　　說明：這個是頁面被載入和調出時的一些特效。　　　用法：<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"> 　　　　　　<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)"> 　　　注意：blendTrans是動態濾鏡的一種，產生漸隱效果。另外一種動態濾鏡RevealTrans也能夠用於頁面進入與退出效果:

　　九、MSThemeCompatible (XP主題) 　　　說明：是否在IE中關閉 xp 的主題　　　用法：<Meta http-equiv="MSThemeCompatible" Content="Yes"> 　　　注意：關閉 xp 的藍色立體按鈕系統顯示樣式，從而和win2k 很象。

　　十、IE6 (頁面生成器) 　　　說明：頁面生成器generator，是ie6 　　　用法：<Meta http-equiv="IE6" Content="Generator"> 　　　注意：用什麼東西作的，相似商品出廠廠商。

　　十一、Content-Script-Type (腳本相關) 　　　說明：這是近來W3C的規範，指明頁面中腳本的類型。　　　用法：<Meta http-equiv="Content-Script-Type" Content="text/javascript"> 　　　注意：

　　★NAME變量

　　name是描述網頁的，對應於Content（網頁內容），以便於搜索引擎機器人查找、分類（目前幾乎全部的搜索引擎都使用網上機器人自動查找meta值來給網頁分類）。　　name的value值（name=""）指定所提供信息的類型。有些值是已經定義好的。例如description(說明)、keyword(關鍵字)、refresh(刷新)等。還能夠指定其餘任意值，如：creationdate(建立日期) 、 document ID(文檔編號)和level(等級)等。　　name的content指定實際內容。如：若是指定level(等級)爲value(值)，則Content多是beginner(初級)、intermediate(中級)、advanced(高級)。

　　一、Keywords (關鍵字) 　　　說明：爲搜索引擎提供的關鍵字列表　　　用法：<Meta name="Keywords" Content="關鍵詞1,關鍵詞2，關鍵詞3,關鍵詞4,……"> 　　　注意：各關鍵詞間用英文逗號「,」隔開。META的一般用處是指定搜索引擎用來提升搜索質量的關鍵詞。當數個META元素提供文檔語言從屬信息時，搜索引擎會使用lang特性來過濾並經過用戶的語言優先參照來顯示搜索結果。

例如：　　　　　　

　　二、Description (簡介) 　　　說明：Description用來告訴搜索引擎你的網站主要內容。　　　

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

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

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

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

none：文件將不被檢索，且頁面上的連接不能夠被查詢；(和 "noindex, no follow" 起相同做用) 　　　

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

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

noindex：文件將不被檢索，但頁面上的連接能夠被查詢；(不讓robot/spider登陸) 　　　

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

　　四、Author (做者) 　　　說明：標註網頁的做者或製做組　　　

用法：<Meta name="Author" Content="張三，abc@sina.com"> 　　　

注意：Content能夠是：你或你的製做組的名字,或Email

　　五、Copyright (版權) 　　　說明：標註版權　　　

　　六、Generator (編輯器) 　　　說明：編輯器的說明

　　　用法：<Meta name="Generator" Content="PCDATA|FrontPage|">

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

　　七、revisit-after (重訪) 　　

　　　用法：<META name="revisit-after" CONTENT="7 days" >

　　　注意：

　　★Head中的其它一些用法

　　一、scheme (方案) 　　　說明：scheme can be used when name is used to specify how the value of content should 　　　　　　be interpreted. 　　　

用法：<meta scheme="ISBN" name="identifier" content="0-14-043205-1" /> 　　　

　　二、Link (連接) 　　　說明：連接到文件

　　　用法：<Link href="soim.ico" rel="Shortcut Icon">

　　　注意：不少網站若是你把她保存在收件夾中後，會發現它連帶着一個小圖標，若是再次點擊進入以後還會發現地址欄中也有個小圖標。如今只要在你的頁頭加上這段話，就能輕鬆實現這一功能。<LINK> 用來將目前文件與其它 URL 做連結，但不會有連結按鈕，用於 <HEAD> 標記間，格式以下：　　　　　　　<link href="URL" rel="relationship"> 　　　　　　　<link href="URL" rev="relationship">

　　三、Base (基連接) 　　　說明：插入網頁基連接屬性

　　　用法：<Base href="http://www.xia8.net/" target="_blank">

　　　注意：你網頁上的全部相對路徑在連接時都將在前面加上「http://www.cn8cn.com/」。其中target="_blank"是連接文件在新的窗口中打開，你能夠作其餘設置。將「_blank」改成「_parent」是連接文件將在當前窗口的父級窗口中打開；改成「_self」連接文件在當前窗口（幀）中打開；改成「_top」連接文件全屏顯示。

　　以上是META標籤的一些基本用法，其中最重要的就是：Keywords和Description的設定。爲何呢？道理很簡單，這兩個語句可讓搜索引擎能準確的發現你，吸引更多的人訪問你的站點!根據如今流行搜索引擎(Google，Lycos，AltaVista等)的工做原理，搜索引擎先派機器人自動在WWW上搜索，當發現新的網站時，便於檢索頁面中的Keywords和Description，並將其加入到本身的數據庫，而後再根據關鍵詞的密度將網站排序。

　　由此看來，咱們必須記住添加Keywords和Description的META標籤，並儘量寫好關鍵字和簡介。不然，後果就會是：　　　　●　若是你的頁面中根本沒有Keywords和Description的META標籤，那麼機器人是沒法將你的站點加入數　　　　據庫，網友也就不可能搜索到你的站點。

　　●　若是你的關鍵字選的很差，關鍵字的密度不高，被排列在幾十甚至幾百萬個站點的後面被點擊的可　　　　能性也是很是小的。

　　寫好Keywords(關鍵字)要注意如下幾點：

　　●　不要用常見詞彙。例如www、homepage、net、web等。

　　●　不要用形容詞，副詞。例如最好的，最大的等。

　　●　不要用籠統的詞彙，要儘可能精確。例如「愛立信手機」，改用「T28SC」會更好。

　　「三人之行，必有我師」，尋找合適關鍵詞的技巧是：到Google、Lycos、Alta等著名搜索引擎，搜索與你的網站內容相仿的網站，查看排名前十位的網站的META關鍵字，將它們用在你的網站上，效果可想而知了。

　　★小竅門

　　爲了提升搜索點擊率，這裏還有一些「捷徑」能夠幫獲得你：

　　●　爲了增長關鍵詞的密度，將關鍵字隱藏在頁面裏(將文字顏色定義成與背景顏色同樣)。

　　●　在圖像的ALT註釋語句中加入關鍵字。如：<IMG SRC="xxx.gif" Alt="Keywords">

●　利用HTML的註釋語句，在頁面代碼里加入大量關鍵字。用法：

<head>　　<title>文件頭，顯示在瀏覽器標題區</title>　　<meta http-equiv="Content-Language" content="zh-cn">　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312">　　<meta name="GENERATOR" content="Microsoft FrontPage 4.0">　　<meta name="ProgId" content="FrontPage.Editor.Document">　　<meta name="製做人" content="唐蓉生">　　<meta name="主題詞" content="HTML 網頁製做課件"></head>

相關標籤/搜索

HTML標籤