1. 程式人生 > >常用meta 標籤

常用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">