META標(biāo)簽是HTML網(wǎng)頁源代碼中一個重要的html標(biāo)簽。META標(biāo)簽用來描述一個HTML網(wǎng)頁文檔的屬性,例如作者、日期和時間、網(wǎng)頁描述、關(guān)鍵詞、頁面刷新等。
企業(yè)網(wǎng)站制作中離不開頁頭的meta標(biāo)簽,然而眾多標(biāo)簽應(yīng)該在何時插入,每一組都分別是什么意思,本站特意總結(jié)了一下,把常用的meta標(biāo)簽都列出來,希望對技術(shù)開發(fā)者有所幫忙,后期還將不定期更新。
<!-- 網(wǎng)頁必包含的meta標(biāo)簽,定義頁面使用的字符集 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 視圖窗口,移動端特屬的meta標(biāo)簽。禁用移動端放大或縮小頁面 -->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
<!-- 是否啟動webapp功能,會刪除默認(rèn)的蘋果工具欄和菜單欄 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 這個主要是根據(jù)實(shí)際的頁面設(shè)計(jì)的主體色為搭配來進(jìn)行設(shè)置。 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- 忽略頁面中的數(shù)字識別為電話號碼,email識別 -->
<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">
<!-- 針對手持設(shè)備優(yōu)化,主要是針對一些老的不識別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)擊無高光 -->
<meta name="msapplication-tap-highlight" content="no">
免費(fèi)咨詢:18838171308