用meta標籤來增強網頁功能

2021-05-21 17:14:28 字數 1624 閱讀 9813

meta

是什麼?習慣了用

frontpage2000

等工具來製作網頁的設計者們,說不准還真的回答不出來呢!熟悉

html

語法的使用者就知道了,

meta

其實是html

語言head

區的乙個輔助性標籤。在幾乎所有的網頁裡,我們都可以看到類似下面這段

html

**:有人要說,這段**好象可有可無,沒有多大實際作用嘛!其實不是沒用,而是你沒有用好meta

標籤。為什麼這樣說呢?這是因為

meta

標籤有許多引數,使用不同的引數就可以使主頁實現不同的功能,例如用於鑑別作者,設定頁面格式,標註內容提要和關鍵字,以及重新整理頁面等等!下面就讓我們一起來揭開

meta

標籤的神秘面紗吧

! 一、meta

標籤的組成

meta標籤共有兩個屬性,它們分別是

屬性和name

屬性,不同的屬性又有不同的引數值,這些不同的引數值就實現了不同的網頁功能。 

1、name

屬性 name屬性主要用於描述網頁,與之對應的屬性值為

content

,content

中的內容主要是便於搜尋引擎機械人查詢資訊和分類資訊用的。 

meat標籤的

name

屬性語法格式是: 

其中name

屬性主要有以下幾種引數: 

a、keywords(

關鍵字) 

b、description(

**內容描述

) c、

robots(

機械人嚮導

) d、

author(

作者) 

屬性 http-equiv顧名思義,相當於

的檔案頭作用,它可以向瀏覽器傳回一些有用的資訊,以幫助正確和精確地顯示網頁內容,與之對應的屬性值為

content

,content

中的內容其實就是各個引數的變數值。 

meat標籤的

屬性語法格式是: ;其中

屬性主要有以下幾種引數: 

a、expires(

期限) 

b、pragma(cache

模式) 

c、refresh(

重新整理) 

d、set-cookie(cookie

設定) 

e、window-target(

顯示視窗的設定

) f、

content-type(

顯示字符集的設定

) 二、meta

標籤的功能

上面我們介紹了meta

標籤的一些基本組成,接著我們再來一起看看

meta

標籤的常見功能: 

1、幫助主頁被各大搜尋引擎登入 

2、定義頁面的使用語言 

3、自動重新整理並指向新的頁面 

4、實現網頁轉換時的動畫效果 

5、網頁定級評價 

6、控制頁面緩衝 

7、控制網頁顯示的視窗。

meta標籤相關功能

在頁面head中加入以下meta標籤 在head標籤中插入以下 ps 由於複製可能導致雙引號出現問題,所以請自己重新將雙引號在半形英文環境下輸入。如第三方站點不希望某頁面被轉碼,可該頁面上新增此協議,當使用者通過移動搜尋進入第三方 時,會直接進入原網頁。頁面通過link標籤顯式指定wap網頁,宣告格...

meta標籤的功能

h5標準宣告,使用 html5 doctype,不區分大小寫 標準的 lang 屬性寫法 宣告文件使用的字元編碼 優先使用 ie 最新版本和 chrome 頁面描述 email gmail.com 網頁作者 搜尋引擎抓取 為移動裝置新增 viewport 設定蘋果工具欄顏色 啟用360瀏覽器的極速模...

網頁取消快照 禁止抓取等meta標籤功能

以上的一段 限制了所有的搜尋引擎建立你的網頁快照。如果我們需要僅僅限制乙個搜尋引擎建立快照的話,就可以像如下這樣去寫 需要注意的是,這樣的標記僅僅是禁止搜尋引擎為你的 建立快照,如果你要禁止搜尋引擎索引你的這個頁面的話,請參照後面的辦法。第二種情況 禁止搜尋引擎抓取本頁面。在seo中,禁止搜尋引擎抓...