HTML mata標籤詳解

2021-07-30 03:54:03 字數 2274 閱讀 2856

1.meta標籤特性

meta標籤在**中有很強大的功效,乙個設計較好的meta標籤,可以大大提高**被搜尋到的可能性,對搜尋引擎優化具有至關重要的作用。以下是meta標籤的特性:

2.meta標籤的http標題資訊

http-equiv相當於http的檔案頭作用,它可以向瀏覽器傳回一些有用的資訊,以幫助正確和精確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個引數的變數值。

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

http-equiv="引數"

content="引數變數值"/>

其中http-equiv屬性主要有以下幾種引數:

(1)expires(期限)

說明:可以用於設定網頁的到期時間。一旦網頁過期,必須到伺服器上重新傳輸。

舉例:

http-equiv="expires"

content="wed, 20 june 2016 10:30:00 gmt">

注意:必須使用gmt的時間格式。

(2)pragma(cache模式) 

說明:禁止瀏覽器從本地計算機的快取中調閱頁面內容。

舉例:

http-equiv="pragma"

content="no-cache"/>

注意:這樣設定,訪問者將無法離線瀏覽。

(3)refresh(重新整理)

說明:定時重新整理讓網頁自動鏈結到其它網頁。

舉例:

http-equiv="refresh"

content="5;url="/>

注意:其中的5是指停留5秒鐘後自動重新整理到url**,秒數和url直接用分號隔開。

(4)content-type(顯示字符集的設定)

說明:設定頁面使用的字符集。

舉例:

http-equiv="content-type"

content="text/html; charset=utf-8" />

charset選項:

gb2312、gbk和utf-8都是一種字元編碼,除此之外,還有好多字元編碼。只是對於我們中國人的**來說,用這三種編碼比較多。

3.meta標籤的頁面描述資訊

name是描述網頁的,對應於content(網頁內容),以便於搜尋引擎機械人查詢、分類,目前幾乎所有的搜尋引擎都使用網上機械人自動查詢meta值來給網頁分類。

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

name="引數"

content="具體引數值" />

(1)keywords (關鍵字)

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

舉例:

name="keywords"

content="網上購物,網上**,手機,筆記本,電腦,***,cd,vcd,dv,相機,數碼,配件,手錶,儲存卡,京東">

(2)description (網頁描述)

說明:description用來告訴搜尋引擎你的網頁主要內容。

舉例:

name="description"

(3)robots (機械人嚮導)

說明: robots用來告訴搜尋機械人哪些頁面需要索引,哪些頁面不需要索引。content的引數有all、none、index、noindex、follow、nofollow。預設是all。

舉例:

name="robots"

content="all"/>

引數說明:

all:搜尋引擎將索引此網頁,且頁面上的鏈結可以被查詢,等價於index和follow

none:搜尋引擎將忽略此網頁,且頁面上的鏈結不可以被查詢,等價於noindex和nofollow

index:檔案將被索引

(4)author (作者)

說明:標註網頁的作者或製作組。

舉例:

name="author"

content="作者的名字"/>

Inspectable 標籤詳解

flex裡的 inspectable 標籤用於為as類的屬性定義一些可供flex 提示等使用的資訊,比如屬性的型別啦合法值啦預設值啦之類的,inspectable 標籤可以用在屬性上,也可以用在getter setter方法上,寫法如下 inspectable attribute value att...

Meta標籤詳解

引言 您的個人 即使做得再精彩,在 浩瀚如海 的網路空間中,也如一葉扁舟不易為人發現,如何推廣 個人 人們首先想到的方法無外乎以下幾種 在搜尋引擎中登入自己的個人 在知名 加入你個人 的鏈結 在論壇中發帖子宣傳你的個人 很多人卻忽視了html標籤meta的強大功效,乙個好的meta標籤設計可以大大提...

Meta標籤詳解

引言 您的個人 即使做得再精彩,在 浩瀚如海 的網路空間中,也如一葉扁舟不易為人發現,如何推廣 個人 人們首先想到的方法無外乎以下幾種 在搜尋引擎中登入自己的個人 在知名 加入你個人 的鏈結 在論壇中發帖子宣傳你的個人 很多人卻忽視了html標籤meta的強大功效,乙個好的meta標籤設計可以大大提...