常用meta 標籤
摘要
專案 | 說明 |
---|---|
形式 |
<meta http-equiv="..." content="..."> <meta name="..." content="..."> |
支援 | H3+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+ |
標籤省略 | 開始標籤:必須,結束標籤:無 |
■ 說明
meta 是 meta-information(元資訊)的縮寫。<meta> 元素可提供有關頁面的元資訊,比如針對搜尋引擎和更新頻度的描述和關鍵詞。
<meta name="name" content="content"> 這樣的形式,可以設定傳遞給瀏覽器和搜尋引擎機器人的資訊。
<meta http-equiv="name" content="content">這樣的形式,類似於HTTP的頭部協議,它傳遞給瀏覽器一些有用的資訊,以幫助正確和精確地顯示網頁內容。
詳細內容請參考舉例。
■ 屬性
【特性】屬性 | 意義 |
---|---|
name=name | H2+/e2+/N2+。指定名字。 |
http-equiv=http-equiv | H2+/e2+/N2+。指定HTTP頭部資訊名。 |
content=content | H2+/e2+/N2+。指定內容,HTML4.01 中為必須屬性。 |
scheme=scheme | H4+。設定解釋 content 時的提示資訊。基本不使用。 |
【一般屬性】
屬性 | 意義 |
---|---|
dir=dir | H4+/e5+。指定文字顯示的方向。 |
lang=lang | H4+/e4+。指定語言種類。 |
title=title | e4+。指定標題。 |
■ 文字編碼
宣告文件的文字編碼,不設定的話有可能顯示成亂碼。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
■ 指令碼語言
設定文件的指令碼語言。HTML4.01 中強烈推薦設定,HTML5 中預設為 text/javascript ,如果使用 JavaScript 的話不需要設定。
<meta http-equiv="Content-Script-Type" content="text/javascript">
■ 樣式表語言
設定文件的樣式表語言。HTML4.01 中強烈推薦設定,HTML5 中預設為 text/css ,如果使用 css 的話不需要設定。
<meta http-equiv="Content-Style-Type" content="text/css">
■ 文件的作者
註明文件的作者。畫面上沒有變化。
<meta name="Author" content="mmkguanli">
■ 文件的關鍵詞
指定關於此文件的關鍵詞。有些搜尋引擎以這些關鍵詞來搜尋和排序結果。
<meta name="Keywords" content="HTML,CGI,JavaScript">
■ 網頁描述
設定關於此文件的網頁描述。這些資訊可能會出現在搜尋引擎的搜尋結果中。
<meta name="Description" content="HTML標籤">
■ 頁面重新整理
比如可以讓頁面每隔10秒鐘重新整理一次。這種功能叫 Client Pull。
<meta http-equiv="Refresh" content="10">
■ 自動跳轉到其他頁面
比如可以設定10秒後跳轉到指定的URL。
<meta http-equiv="Refresh" content="10;URL=http://www.monmonkey.com/">
■ 快取的有效期
設定快取的有效期,超過時間的話,快取裡的關於此網頁的內容將過期而無法使用。如果指定過去的時間,則此網頁無法使用快取。
<meta http-equiv="Expires" content="Tue, 20 Aug 1996 14:25:27 GMT">
■ 快取控制
設定此網頁無法被存入快取,每次開啟此頁面都需要重新讀取。
<meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0">
■ 搜尋引擎機器人的控制
可以設定對 Google 等搜尋機器人的資訊。index 為允許搜尋、noindex 為禁止搜尋、follow 為允許搜尋連結目標、nofollow 為禁止搜尋連結目標。
<meta name="robots" content="noindex,nofollow">
■ 過度效果
設定網頁跳轉時的視覺效果。
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.8)">
■ 使影象工具條無效
使IE6.0 中支援的影象工具條無效。(就是滑鼠移到影象上會顯示列印、儲存等按鈕的工具條)
<meta http-equiv="imagetoolbar" content="no">
■ 編輯器
註明用來製作此網頁的HTML編輯器。
<meta http-equiv="Generator" content="Simple HTML Editor V2.5">