<meta>
元素可提供有關(guān)頁面的元信息(meta-information)邮屁,比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞淌实。
The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable。
所謂元數(shù)據(jù)永高,是用于描述數(shù)據(jù)的數(shù)據(jù)(信息)帆调。它不會顯示在頁面上嚣镜,但是卻可以被機器識別。這些元數(shù)據(jù)將服務(wù)于瀏覽器(如何布局或重載頁面)辰狡,搜索引擎和其它網(wǎng)絡(luò)服務(wù)锋叨。
用 !
生成一個 html 模板,可以看到包含了基本的 meta 屬性:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
【示例】截取了百度H5制作的頁面 head:
在
Meta
標(biāo)簽中使用pragma
宛篇、cache-control
娃磺、expires
來控制緩存,這些標(biāo)簽往往不會生效(有些瀏覽器不支持)叫倍,并且所有緩存代理服務(wù)器都不支持偷卧,因為代理不解析HTML內(nèi)容本身。甚至在HTML5規(guī)范中吆倦,
http-equiv
中的屬性并不包括這三個听诸,如果我們需要進(jìn)行緩存控制的話,最好還是通過 HTTP headers 來進(jìn)行設(shè)置蚕泽。
后續(xù)蛇更,將繼續(xù)研究 name
屬性的重點值 ? viewport
。
? 參考
<meta>: The Document-level Metadata element
HTML <meta> Tag
HTML <meta> 標(biāo)簽
關(guān)于 HTML 中 meta 標(biāo)簽的理解和總結(jié)
那些你不知道的meta標(biāo)簽
H5 項目常見問題匯總及解決方案