META標(biāo)簽是HTML網(wǎng)頁(yè)源代碼中一個(gè)重要的html標(biāo)簽。META標(biāo)簽用來(lái)描述一個(gè)HTML網(wǎng)頁(yè)文檔的屬性,例如作者、日期和時(shí)間、網(wǎng)頁(yè)描述、關(guān)鍵詞、頁(yè)面刷新等。
企業(yè)網(wǎng)站制作中離不開頁(yè)頭的meta標(biāo)簽,然而眾多標(biāo)簽應(yīng)該在何時(shí)插入,每一組都分別是什么意思,本站特意總結(jié)了一下,把常用的meta標(biāo)簽都列出來(lái),希望對(duì)技術(shù)開發(fā)者有所幫忙,后期還將不定期更新。
<!-- 網(wǎng)頁(yè)必包含的meta標(biāo)簽,定義頁(yè)面使用的字符集 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 視圖窗口,移動(dòng)端特屬的meta標(biāo)簽。禁用移動(dòng)端放大或縮小頁(yè)面 -->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
<!-- 是否啟動(dòng)webapp功能,會(huì)刪除默認(rèn)的蘋果工具欄和菜單欄 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 這個(gè)主要是根據(jù)實(shí)際的頁(yè)面設(shè)計(jì)的主體色為搭配來(lái)進(jìn)行設(shè)置。 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- 忽略頁(yè)面中的數(shù)字識(shí)別為電話號(hào)碼,email識(shí)別 -->
<meta name="format-detection"content="telephone=no, email=no" />
<!-- 啟用360瀏覽器的極速模式(webkit) -->
<meta name="renderer" content="webkit">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 針對(duì)手持設(shè)備優(yōu)化,主要是針對(duì)一些老的不識(shí)別viewport的瀏覽器,比如黑莓 -->
<meta name="HandheldFriendly" content="true">
<!-- 微軟的老式瀏覽器 -->
<meta name="MobileOptimized" content="320">
<!-- uc強(qiáng)制豎屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ強(qiáng)制豎屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC強(qiáng)制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ強(qiáng)制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC應(yīng)用模式 -->
<meta name="browsermode" content="application">
<!-- QQ應(yīng)用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 點(diǎn)擊無(wú)高光 -->
<meta name="msapplication-tap-highlight" content="no">
免費(fèi)咨詢:18838171308