2010年12月19日 星期日

[Html]Meta 標籤小常識

Meta 標籤小常識
=================
META 是個常被人遺忘的標籤。
由於<meta>這個標籤表面上看起來對一個網頁而言似乎絕非必要，很多人也不清楚它的用途，
所以常常被人忽略。
首先我們要知道META標籤的位置該擺在哪？
META標籤是擺在<head>與</head>之間。
Meta的「系統變數」，就是 http-equiv ,所以這個保留字不可以更改.
讓我們看幾個實用的範例：
1.<meta http-equiv="Content-Type" content="text/html; charset=big5">
 這段標籤是告訴瀏覽器網頁內容所使用的編碼方式是採用繁體中文，Big-5 字集，
 當使用者瀏覽到這一頁的時候，瀏覽器會自動切換為Big5字集的顯示方式。
2.自動換頁
 <meta http-equiv="refresh" content="15; http://www.you.com/refresh.htm">
 這個例子，是在15秒之後，自動轉換到 http://www.you.com/refresh.htm 這一頁上，
 15是目前這一頁停留秒數，在分號之後，接上你欲前往的URL位置。
 比方你想讓使用者進入你首頁30秒之後，自動前往abc.htm這一頁，那你就在你的首頁中加上：
 <meta http-equiv="refresh" content="30; abc.htm">
 
3.強迫 Reload 網頁
 <meta http-equiv="Expires" content="Tue, 01 Jan 1980 1:00:00 GMT">
 這個例子，是強迫瀏覽器重新整理（reload）該頁，讓訪客每次進來都必重讀，
 而不是從瀏覽器中的 cache 中抓取，對於留言版、討論區這一類的頁面，是很貼新的設計，
 使用者不必按下重新整理就可以看到剛剛的留言。
 為什麼會強迫reload？道理很簡單，我們可以很明顯的發現到，該頁的到期日是1980年，
 所以無論如何，時間絕對過期，所以瀏覽器一定會自動重讀該頁.
 
 轉址服務,代表5秒後自動轉址到CF去
 <META HTTP-EQUIV="refresh" ONTENT="5;URL=http://www.cityfamily.com.tw/">

4.指定「關鍵字」，讓搜尋引擎知道你的關鍵字，更容易找到你的網站。
 <meta http-equiv="keywords" content="關鍵字一, 關鍵字二, 關鍵字三,….">
 關鍵字是訪客透過搜尋引擎尋找你的網站時所用的字眼。
 關鍵字與關鍵字間用逗點「,」隔開。你可以列到100個關鍵字，但是，記住不要重複三次以上，
 因為搜尋引擎有可能會把它們當作是垃圾而把你除名。
5.讓搜尋引擎讀取你的網站介紹
 <meta http-equiv="description" content="網站內容簡介（約一百字左右）">
 讓搜尋引擎直接讀取有關你網站的簡單介紹，對於可以直接搜尋網頁內容的引擎，
 如果你的網站沒有 META description 這一段，搜尋引擎就會抓網頁前面的一些文字來當作網站
 的描述。
6.refresh
 <META HTTP-EQUIV="refresh" CONTENT="1; URL=framepagename.html">
 代表等待一秒後,重新更新
 
 <META HTTP-EQUIV="refresh" CONTENT="15"> 
 為每15秒重新下載(refresh)網頁一次。
 
 <META HTTP-EQUIV="refresh" CONTENT="300"> 
 網頁每五分鐘自動更新一次，就設定CONTENT="300"。
7.手動更新
 <A HREF="javascript:history.go(0)">重新下載</A>

張貼者： 於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)