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屬性主要用於設定網頁的搜尋關鍵字、版權資訊、作者等。
來看一個網站的搜尋結果
(1)第一部分為設定網頁搜尋關鍵字
<meta name= "keywords" content="小豬cms,pigcms,微信公眾平台原始碼,微信分銷,微信開發,微信o2o源碼..." />
(2)第二部分為設定網頁描述資訊
<meta name="description" content="小豬cms是國家高新技術企業,雙軟認證企業,資深微信開發專家,提供微信行銷系統,o2o系統,微信分銷,微信應用號源碼程式,公司客戶遍布世界各地」>