1. 程式人生 > >標籤用法,不看會後悔!

標籤用法,不看會後悔!

http-equiv META標籤分兩大部分:HTTP標題資訊(HTTP-EQUIV)和頁面描述資訊(NAME)。 ★HTTP-EQUIV HTTP-EQUIV類似於HTTP的頭部協議,它迴應給瀏覽器一些有用的資訊,以幫助正確和精確地顯示網頁內容。常用的HTTP-EQUIV型別有: 1、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(英文)、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 (重新整理) 說明:讓網頁多長時間(秒)重新整理自己,或在多長時間後讓網頁自動連結到其它網頁。 用法:<Meta http-equiv=Refresh Content=30> <Meta http-equiv=Refresh Content=5; Url=http://www.downme.com> 注意:其中的5是指停留5秒鐘後自動重新整理到URL網址。 3、Expires (期限) 說明:指定網頁在快取中的過期時間,一旦網頁過期,必須到伺服器上重新調閱。 用法:<Meta http-equiv=Expires Content=0> <Meta http-equiv=Expires Content=Wed, 26 Feb 1997 08:21:57 GMT> 注意:必須使用GMT的時間格式,或直接設為0(數字表示多少時間後過期)。 4、Pragma (cach模式) 說明:禁止瀏覽器從本地機的快取中調閱頁面內容。 用法:<Meta http-equiv=Pragma Content=No-cach> 注意:網頁不儲存在快取中,每次訪問都重新整理頁面。這樣設定,訪問者將無法離線瀏覽。 5、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的時間格式。 
html標籤詳解 網頁標籤 詳解 meta 詳解 meta標籤 meta標籤的作用
6、Window-target (顯示視窗的設定) 說明:強制頁面在當前視窗以獨立頁面顯示。 用法:<Meta http-equiv=Widow-target Content=_top> 注意:這個屬性是用來防止別人在框架裡呼叫你的頁面。Content選項:_blank、_top、_self、_parent。 7、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 
'[email protected]'
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/
。 8、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也可以用於頁面進入與退出效果: <Meta http-equiv=Page-Enter Content=revealTrans(duration=x, transition=y)> <Meta http-equiv=Page-Exit Content=revealTrans(duration=x, transition=y)> 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種隨機選擇一種
9、MSThemeCompatible (XP主題) 說明:是否在IE中關閉 xp 的主題 用法:<Meta http-equiv=MSThemeCompatible Content=Yes> 注意:關閉 xp 的藍色立體按鈕系統顯示樣式,從而和win2k 很象。 10、IE6 (頁面生成器) 說明:頁面生成器generator,是ie6 用法:<Meta http-equiv=IE6 Content=Generator> 注意:用什麼東西做的,類似商品出廠廠商。 11、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(高階)。 1、Keywords (關鍵字) 說明:為搜尋引擎提供的關鍵字列表 用法:<Meta name=Keywords Content=關鍵詞1,關鍵詞2,關鍵詞3,關鍵詞4,……> 注意:各關鍵詞間用英文逗號“,”隔開。META的通常用處是指定搜尋引擎用來提高搜尋質量的關鍵詞。當數個META元素提供文件語言從屬資訊時,搜尋引擎會使用lang特性來過濾並通過使用者的語言優先參照來顯示搜尋結果。例如: <Meta name=Kyewords Lang=EN Content=vacation,greece,sunshine> <Meta name=Kyewords Lang=FR Content=vacances,grè:ce,soleil> 2、Description (簡介) 說明:Description用來告訴搜尋引擎你的網站主要內容。 用法:<Meta name=Description Content=你網頁的簡述> 注意: 3、Robots (機器人嚮導) 說明:Robots用來告訴搜尋機器人哪些頁面需要索引,哪些頁面不需要索引。Content的引數有all、none、index、noindex、follow、nofollow。預設是all。 用法:<Meta name=Robots Content=All|None|Index|Noindex|Follow|Nofollow> 注意:許多搜尋引擎都通過放出robot/spider搜尋來登入網站,這些robot/spider就要用到meta元素的一些特性來決定怎樣登入。 all:檔案將被檢索,且頁面上的連結可以被查詢; none:檔案將不被檢索,且頁面上的連結不可以被查詢;(和 noindex, no follow 起相同作用) index:檔案將被檢索;(讓robot/spider登入) follow:頁面上的連結可以被查詢; noindex:檔案將不被檢索,但頁面上的連結可以被查詢;(不讓robot/spider登入) nofollow:檔案將不被檢索,頁面上的連結可以被查詢。(不讓robot/spider順著此頁的連線往下探找)
什麼是meta標籤 meta標籤用法 tcp ip詳解 jsp應用開發詳解
4、Author (作者) 說明:標註網頁的作者或製作組 用法:<Meta name=Author Content=張三,
[email protected]
> 注意:Content可以是:你或你的製作組的名字,或Email 5、Copyright (版權) 說明:標註版權 用法:<Meta name=Copyright Content=本頁版權歸網易學院所有。All Rights Reserved> 注意: 6、Generator (編輯器) 說明:編輯器的說明 用法:<Meta name=Generator Content=PCDATA|FrontPage|> 注意:Content=你所用編輯器 7、revisit-after (重訪) 說明: 用法:<META name=revisit-after CONTENT=7 days > 注意: ★Head中的其它一些用法 1、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 /> 注意: 2、Link (連結) 說明:連結到檔案 用法:<Link href=soim.ico rel=Shortcut Icon> 注意:很多網站如果你把她儲存在收件夾中後,會發現它連帶著一個小圖示,如果再次點選進入之後還會發現位址列中也有個小圖示。現在只要在你的頁頭加上這段話,就能輕鬆實現這一功能。<LINK> 用來將目前檔案與其它 URL 作連結,但不會有連結按鈕,用於 <HEAD> 標記間, 格式如下: <link href=URL rel=relationship> <link href=URL rev=relationship> 3、Base (基連結) 說明:插入網頁基連結屬性 用法:<Base href=http://www.***.net/ target=_blank> 注意:你網頁上的所有相對路徑在連結時都將在前面加上“http://www.***.com/”。其中target=_blank是連結檔案在新的視窗中開啟,你可以做其他設定。將“_blank”改為“_parent”是連結檔案將在當前視窗的父級視窗中開啟;改為“_self”連結檔案在當前視窗(幀)中開啟;改為“_top”連結檔案全屏顯示。 以上是META標籤的一些基本用法,其中最重要的就是:Keywords和Description的設定。為什麼呢?道理很簡單,這兩個語句可以讓搜尋引擎能準確的發現你,吸引更多的人訪問你的站點!根據現在流行搜尋引擎(Google,Lycos,AltaVista等)的工作原理,搜尋引擎先派機器人自動在WWW上搜索,當發現新的網站時,便於檢索頁面中的Keywords和Description,並將其加入到自己的資料庫,然後再根據關鍵詞的密度將網站排序。

<META http-equiv=Content-Type content="text/html; charset=utf-8">
<meta  http-equiv="description" name="description" content="描述">
<meta  name="keywords" http-equiv="keywords" content="關鍵字>">

一般放這三個足已

提問人的追問   2010-08-10 13:45
description和keywords,這兩個好像差不多的,那麼我選其中一個可以嗎?
團隊的補充   2010-08-10 13:52

這三個是必須的,不是差不多而是差很多。

description描述是被搜尋引擎搜尋並顯示的內容,而keywords(關鍵字)則是你輸入要搜尋的關鍵字如:網易,則顯示跟這個關係最密切的網頁,如圖:


所以做網頁的時候這三個絕對不能少。

<META http-equiv=Content-Type content="text/html; charset=utf-8">
第一個是你網頁採用那種編碼形式。

提問人的追問   2010-08-10 14:08
description與keywords,在其中描述的文字,文字與文字之間是用逗號隔開的,那麼逗號是英文的逗號還是中文的逗號呢?
團隊的補充   2010-08-10 14:11

英文狀態下的逗號或者你用空格隔開每個關鍵字

不過個人建議用逗號隔開,不建議用空格隔開。

提問人的追問   2010-08-10 22:05
description描述是被搜尋引擎搜尋並顯示的內容,比如我網頁中主要講述一篇文章,那麼是不是在description中輸入這篇文章的其中一段文字呢?
團隊的補充   2010-08-11 09:10

是的,你最好把這篇文章簡要的內容概括出來填寫進去即可。

Meta的使用方法技巧:
  Meta標籤是用來描述網頁屬性的一種語言,標準的Meta標籤可以便於搜尋引擎排序,提高搜尋引擎網站權重排名。要想網站做的更符合搜尋引擎標準就必須瞭解meta標籤,下面由Seoer惜緣於大家講講meta標籤含義與使用方法:
  1、META標籤的keywords
  寫法為:<meta name="Keywords" content="資訊引數" />
  meat標籤的Keywords的的資訊引數,代表說明網站的關鍵詞是什麼。
  2、META標籤的Description
  <meta name="Description" content="資訊引數" />
  meta標籤的Description的資訊引數,代表說明網站的主要內容,概況是什麼。
  3、META標籤的http-equiv=Content-Type content="text/html
  http-equiv=Content-Type代表的是HTTP的頭部協議,提示瀏覽器網頁的資訊,
  <meta http-equiv="Content-Type" content="text/html; charset=資訊引數" />
  meta標籤的Description的資訊引數如GB2312時,代表說明網站是採用的編碼是簡體中文;
  meta標籤的Description的資訊引數如BIG5時,代表說明網站是採用的編碼是繁體中文;
  meta標籤的Description的資訊引數如iso-2022-jp時,代表說明網站是採用的編碼是日文;
  meta標籤的Description的資訊引數如ks_c_5601時,代表說明網站是採用的編碼是韓文;
  meta標籤的Description的資訊引數如ISO-8859-1時,代表說明網站是採用的編碼是英文;
  meta標籤的Description的資訊引數如UTF-8時,代表世界通用的語言編碼;
  4、META標籤的generator
  <meta name="generator" content="資訊引數" />
  meta標籤的generator的資訊引數,代表說明網站的採用的什麼軟體製作。
  5、META標籤的author
  <meta name="author" content="資訊引數">
  meta標籤的author的資訊引數,代表說明網頁版權作者資訊。
  6、META標籤的http-equiv="Refresh"
  <Meta http-equiv="Refresh" Content="時間; Url=網址引數"> 
  meta標籤的Refresh代表多少時間網頁自動重新整理,加上Url中的網址引數就代表,多長時間自動連結其他網址。
  7、META標籤的HTTP-EQUIV="Pragma" CONTENT="no-cache"
  <META HTTP-EQUIV="Pragma" CONTENT="no-cache">代表禁止瀏覽器從本地計算機的快取中訪問頁面內容,這樣設定,訪
  問者將無法離線瀏覽。
  8、META標籤的COPYRIGHT
  <META NAME="COPYRIGHT" CONTENT="資訊引數">
  meta標籤的COPYRIGHT的資訊引數,代表說明網站版權資訊。
  9、META標籤的http-equiv="imagetoolbar"
  <meta http-equiv="imagetoolbar" content="false" /> 
  指定是否顯示圖片工具欄,當為false代表不顯示,當為true代表顯示。
  10、META標籤的Content-Script-Type
  <Meta http-equiv="Content-Script-Type" Content="text/javascript">
  W3C網頁規範,指明頁面中指令碼的型別。
  11、META標籤的revisit-after
  <META name="revisit-after" CONTENT="7 days" > 
  revisit-after代表網站重訪,7 days代表7天,依此類推。
  12、META標籤的Robots
  <meta name="Robots" contect="資訊引數"> 
  Robots代表告訴搜尋引擎機器人抓取哪些頁面
  其中的屬性說明如下:
  資訊引數為all:檔案將被檢索,且頁面上的連結可以被查詢;
  資訊引數為none:檔案將不被檢索,且頁面上的連結不可以被查詢;
  資訊引數為index:檔案將被檢索;
  資訊引數為follow:頁面上的連結可以被查詢;
  資訊引數為noindex:檔案將不被檢索,但頁面上的連結可以被查詢;
  資訊引數為nofollow:檔案將不被檢索,頁面上的連結可以被查詢。
  13、META標籤的<meta http-equiv="windows-Target" contect="_top">
  代表頁面在當前視窗中以獨立頁面顯示,可以防止自己的網頁被別人當作一個frame頁呼叫,設定有:_blank、_top、_self、_parent。
  14、META標籤的set-cookie
  <meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">
  代表Cookie設定,如果網頁過期,存檔的cookie將被刪除,需要注意的也是必須使用GMT時間格式