HTML基礎教學之<meta>標籤

<meta>的主要作用,是提供網頁的元資訊。例如:指定網頁的搜尋關鍵字。

<meta>標記有兩個屬性:http-equiv和name。

http-equiv屬性

  • # 功能:模擬http協定檔頭訊息,當訊息從伺服器端傳到客戶端時,告訴瀏覽器如何正確的顯示網頁內容。

  •  http-equiv屬性一般要與content屬性搭配使用。 Content屬性指定資訊的詳細參數。

(1)設定網頁的字元集

#<meta http-equiv="Content-Type" content="text/html ; charset=utf-8" />

這個我們在前面的例子中已經接觸過很多次了

(2)網頁自動刷新

<meta http-equiv="refresh" content="2">   //每隔2秒鐘,自動刷新網頁一次

<meta http-equiv="refresh" content= "2;url=http://www.baidu.com">   //2秒鐘後,跳到百度

 來看個實例

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="refresh" content="2;url=http://www.baidu.com">
    </head>
    <body>
        <h1>欢迎加入php.cn</h1>
        <h2>希望你能够在这里学的开心</h2>
    </body>
</html>


#name屬性

#name屬性主要用於設定網頁的搜尋關鍵字、版權資訊、作者等。

來看一個網站的搜尋結果

9.png

(1)第一部分為設定網頁搜尋關鍵字

<meta name= "keywords" content="小豬cms,pigcms,微信公眾平台原始碼,微信分銷,微信開發,微信o2o源碼..." />

(2)第二部分為設定網頁描述資訊

<meta name="description" content="小豬cms是國家高新技術企業,雙軟認證企業,資深微信開發專家,提供微信行銷系統,o2o系統,微信分銷,微信應用號源碼程式,公司客戶遍布世界各地」>

繼續學習
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="refresh" content="2;url=http://www.baidu.com"> </head> <body> <h1>欢迎加入php.cn</h1> <h2>希望你能够在这里学的开心</h2> </body> </html>