meta標籤用法

2021-08-02 21:02:49 字數 2885 閱讀 1010

< meta > 標籤位於文件的頭部,不包含任何內容。 標籤的屬性定義了與文件相關聯的名稱/值對。

在html中,< meta >標籤沒有結束標籤。

在 xhtml 中, 標籤必須被正確地關閉。

注釋:< meta >標籤永遠位於head元素內部。

注釋:元資料總是以名稱/值形式被成對傳遞的。

name 屬性提供了名稱/值對中的名稱。html 和 xhtml 標籤都沒有指定任何預先定義的 < meta > 名稱。通常情況下,您可以自由使用對自己和源文件的讀者來說富有意義的名稱。

name屬性主要用於描述網頁,與之對應的屬性值為content,content中的內容主要是便於搜尋引擎機械人查詢資訊和分類資訊用的。

meta標籤的name屬性語法格式是:

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

a、keywords(關鍵字) 

說明:keywords用來告訴搜尋引擎你網頁的關鍵字是什麼。

b、description(**內容描述)

c、robots(機械人嚮導)

說明:robots用來告訴搜尋機械人哪些頁面需要索引,哪些頁面不需要索引。

content的引數有all,none,index,noindex,follow,nofollow。預設是all。

d、author(作者)

說明:標註網頁的作者

e:renderer(渲染)

告訴瀏覽器你的渲染模式

f:viewport(檢視模式)

http-equiv 屬性為名稱/值對提供了名稱。並指示伺服器在傳送實際的文件之前先在要傳送給瀏覽器的 mime 文件頭部包含名稱/值對。

當伺服器向瀏覽器傳送文件時,會先傳送許多名稱/值對。雖然有些伺服器會傳送許多這種名稱/值對,但是所有伺服器都至少要傳送乙個:content-type:text/html。這將告訴瀏覽器準備接受乙個 html 文件。

meta標籤的http-equiv屬性語法格式是:

使用帶有 http-equiv 屬性的 < meta > 標籤時,伺服器將把名稱/值對新增到傳送給瀏覽器的內容頭部。例如,新增:

這樣傳送到瀏覽器的頭部就應該包含:

content-type:text/thml

charset":iso-8859-1

expires:31 dec 2008

當然,只有瀏覽器可以接受這些附加的頭部字段,並能以適當的方式使用他們時,這些欄位才有意義。

content 屬性提供了名稱/值對中的值。該值可以是任何有效的字串。

content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用。

scheme 屬性用於指定要用來翻譯屬性值的方案。此方案應該在由 標籤的 profile 屬性指定的概況檔案中進行了定義。

標籤支援 html 中的全域性屬性

文件描述

meta元素中的資訊可以描述html文件。

文件關鍵字

重定向meta標籤的keywords

meta標籤的description

meta標籤的description的資訊引數,代表說明**的主要內容,概況是什麼。

meta標籤的http-equiv

=content-typecontent=」text/html」

http-equiv=content-type代表的是http的頭部協議,提示瀏覽器網頁的資訊。

meta標籤的generator

meta標籤的generator的資訊引數,代表說明**的採用的什麼軟體製作。

meta標籤的author

meta標籤的author的資訊引數,代表說明網頁版權作者資訊。

meta標籤的http-equiv=」refresh」

meta標籤的http-equiv=」pragma」 content=」no-cache」

代表禁止瀏覽器從本地計算機的快取中訪問頁面內容,這樣設定,訪問者將無法離線瀏覽。

meta標籤的http-equiv=」image*******」

指定是否顯示工具欄,當為false代表不顯示,當為true代表顯示。

meta標籤的content-script-type

w3c網頁規範,指明頁面中指令碼的型別。

meta標籤的revisit-after

revisit-after代表**重訪,7days代表7天,依此類推。

meta標籤的robots

robots代表告訴搜尋引擎機械人抓取哪些頁面。

Meta標籤用法

meta標籤定義了 html 頁面所使用的字符集為 utf 8 它可以在同一頁面顯示中文簡體 繁體及其它語言 如日文,韓文 等。當然,你也可以使用gb2312 簡體中文 big5 正體中文 等等其他字符集。一般來說,我們使用的時候存在兩種用法。第一種 第二種 而目前我們一般推薦使用第一種寫法,也是h...

meta標籤常見用法

還記得當年校招,技術面問了meta標籤的作用,答得吞吞吐吐的,這裡記錄一下 元資料 metadata 元素的概念,用來構建html文件的基本結構,以及就如何處理文件向瀏覽器提供資訊和指示,它們本身不是文件內容,但提供了關於後面文件內容的資訊。html5權威指南 元素meta 屬性http equiv...

META標籤的常見用法

最近,danny sullivan談到了如何處理的搜尋引擎meta標籤的問題,以下是一些關於在google中如何處理這些問題的答案。多內容數值 我們建議你把所有的meta標籤內容放在乙個meta中。這將使得meta標籤更易於讀取並降低發生錯誤的概率。例如 如果一行包含對個meta標籤,我們將會累加標...