用meta標籤來增強網頁功能

來源:互聯網
上載者:User

  meta是什嗎?習慣了用Frontpage2000等工具來製作網頁的設計者們,說不準還真的回答不出來呢!熟悉html文法的使用者就知道了,meta其實是html語言head區的一個輔助性標籤。在幾乎所有的網頁裡,我們都可以看到類似下面這段html代碼:
有人要說,這段代碼好象可有可無,沒有多大實際作用嘛!其實不是沒用,而是你沒有用好meta標籤。為什麼這樣說呢?這是因為meta標籤有許多參數,使用不同的參數就可以使首頁實現不同的功能,例如用於鑒別作者,設定頁面格式,標註內容提要和關鍵字,以及重新整理頁面等等!下面就讓我們一起來揭開meta標籤的神秘面紗吧! 

一、meta標籤的組成 
meta標籤共有兩個屬性,它們分別是http-equiv屬性和name屬性,不同的屬性又有不同的參數值,這些不同的參數值就實現了不同的網頁功能。 
1、name屬性 
name屬性主要用於描述網頁,與之對應的屬性值為content,content中的內容主要是便於搜尋引擎機器人尋找資訊和分類資訊用的。 
meat標籤的name屬性文法格式是: 
其中name屬性主要有以下幾種參數: 
A、Keywords(關鍵字) 
B、description(網站內容描述) 
C、robots(機器人嚮導) 
D、author(作者) 
2、http-equiv屬性 
http-equiv顧名思義,相當於http的檔案頭作用,它可以向瀏覽器傳回一些有用的資訊,以協助正確和精確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個參數的變數值。 
meat標籤的http-equiv屬性文法格式是: ;其中http-equiv屬性主要有以下幾種參數: 
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、控制網頁顯示的視窗。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.