起初接觸html時(shí),對(duì)于meta標(biāo)簽認(rèn)識(shí)很少鳞上,只有
<meta charset="UTF-8">
<meta name="keywords" content="前端培訓(xùn)">
<meta name="description" content="饑人谷前端培訓(xùn)"》
接觸后發(fā)現(xiàn)標(biāo)簽不止這些,還有很多屬性几颜,下面就對(duì)常用的屬性進(jìn)行總結(jié)笼踩。
1、name屬性
name屬性主要用于描述網(wǎng)頁(yè)谷市,比如網(wǎng)頁(yè)的關(guān)鍵詞蛔垢,敘述等。與之對(duì)應(yīng)的屬性值為content迫悠,content中的內(nèi)容是對(duì)name填入類型的具體描述鹏漆,便于搜索引擎抓取。meta標(biāo)簽中name屬性語(yǔ)法是:
<mate name="參數(shù)" content="具體描述">
name的常見參數(shù)
1.1 ?關(guān)鍵字keywords
用于告訴搜索引擎網(wǎng)頁(yè)關(guān)鍵字创泄,便于搜索
<meta name="keywords" content="前端培訓(xùn)">
1.2 ?內(nèi)容描述description
用于告訴搜索引擎網(wǎng)頁(yè)主要內(nèi)容
<meta name="description" content="饑人谷前端培訓(xùn)">
1.3 ?作者author
用于標(biāo)注網(wǎng)頁(yè)作者
<meta name="author" content="饑人谷11班">
1.4? 雙核瀏覽器渲染方式renderer
用于指定雙核瀏覽器默認(rèn)以何種方式渲染頁(yè)面
<meta name="renderer" content="webkit | ie-comp">
1.5? 移動(dòng)端的窗口viewport
常用于設(shè)計(jì)移動(dòng)端網(wǎng)頁(yè)
<meta name="viewport" content="width=device-width, initial-scale=1">
1.6? 網(wǎng)頁(yè)制作軟件generator
用于標(biāo)明網(wǎng)頁(yè)是什么軟件做的
<meta name="generator" content="Visual Studio Code">
1.7? 搜索引擎爬蟲重訪時(shí)間revisit-after
如果頁(yè)面不是經(jīng)常更新艺玲,為了減輕搜索引擎爬蟲對(duì)服務(wù)器帶來(lái)的壓力,可以設(shè)置一個(gè)爬蟲的重訪時(shí)間鞠抑。如果重訪時(shí)間過(guò)短,爬蟲將按它們定義的默認(rèn)時(shí)間來(lái)訪問(wèn)搁拙。
<meta name="revisit-after" content="3 days">
2 若治、http-equiv屬性
equiv的全稱是"equivalent"感混,意思是相等,相當(dāng)于弧满。也就是該屬性相當(dāng)于http的文件頭的作用婆跑。
2.1? 網(wǎng)頁(yè)字符集content-Type
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
不過(guò)該寫法在HTML 5中已做修改庭呜,修改為
<meta charset="utf-8">
2.2? 瀏覽器渲染方式X-UA-Compatible
用于告知瀏覽器以何種版本來(lái)渲染頁(yè)面。
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
說(shuō)明用IE和Chrome的最新版本渲染當(dāng)前頁(yè)面
2.3 自動(dòng)刷新并指向某頁(yè)面refresh
網(wǎng)頁(yè)將在設(shè)定的時(shí)間內(nèi)坡垫,自動(dòng)刷新并調(diào)向設(shè)定的網(wǎng)址殊鞭。
<meta http-equiv="
refresh"content="2;URL=http://www.xxx.xxx">
2秒后自動(dòng)跳轉(zhuǎn)至http://www.xxx.xxx
2.4? cookie設(shè)定Set-Cookie
如果網(wǎng)頁(yè)過(guò)期数冬,那么這個(gè)網(wǎng)頁(yè)存在本地的cookies也會(huì)被自動(dòng)刪除节槐。
<meta http-equiv="Set-Cookie"content="User=Lxxyx; path=/; expires=Sunday, 10-Jan-16 10:00:00 GMT">
2.5? 網(wǎng)頁(yè)到期時(shí)間expires
用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間搀庶,過(guò)期后網(wǎng)頁(yè)必須重新傳輸。
<meta http-equiv="expires"content="Sunday 26 October 2016 01:00 GMT">
meta標(biāo)簽的屬性還有很多铜异,暫時(shí)只總結(jié)這些目前常用的哥倔,后面遇到新的屬性會(huì)不定時(shí)添加更新。