HTML基礎(chǔ)教程之<meta>標(biāo)簽
<meta>的主要作用,是提供網(wǎng)頁(yè)的元信息。比如:指定網(wǎng)頁(yè)的搜索關(guān)鍵字。
<meta>標(biāo)記有兩個(gè)屬性:http-equiv和name。
http-equiv屬性
?功能:模擬http協(xié)議文件頭信息,當(dāng)信息從服務(wù)器端傳到客戶端時(shí),告訴瀏覽器如何正確的顯示網(wǎng)頁(yè)內(nèi)容。
?http-equiv屬性一般要與content屬性配合使用。Content屬性指定信息的詳細(xì)參數(shù)。
(1)設(shè)置網(wǎng)頁(yè)的字符集
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
這個(gè)我們?cè)谇懊娴睦又幸呀?jīng)接觸過(guò)很多次了
(2)網(wǎng)頁(yè)自動(dòng)刷新
<meta http-equiv="refresh" content="2">???//每隔2秒鐘,自動(dòng)刷新網(wǎng)頁(yè)一次
<meta http-equiv="refresh" content="2;url=http://www.baidu.com">???//2秒鐘后,跳轉(zhuǎn)到百度
?來(lái)看個(gè)實(shí)例
<!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>希望你能夠在這里學(xué)的開(kāi)心</h2> </body> </html>
name屬性
name屬性主要用于設(shè)置網(wǎng)頁(yè)的搜索關(guān)鍵字、版權(quán)信息、作者等。
來(lái)看一個(gè)網(wǎng)站的搜索結(jié)果
(1)第一部分為設(shè)置網(wǎng)頁(yè)搜索關(guān)鍵字
<meta name="keywords" content="小豬cms,pigcms,微信公眾平臺(tái)源碼,微信分銷,微信開(kāi)發(fā),微信o2o源碼..." />
(2)第二部分為設(shè)置網(wǎng)頁(yè)描述信息
<meta name="description" content="小豬cms是國(guó)家高新技術(shù)企業(yè),雙軟認(rèn)證企業(yè),資深微信開(kāi)發(fā)專家,提供微信營(yíng)銷系統(tǒng),o2o系統(tǒng),微信分銷,微信應(yīng)用號(hào)源碼程序,公司客戶遍布世界各地”>