HTML5頭部<meta>標(biāo)簽的一些常用信息小結(jié)
發(fā)布時(shí)間:2016-10-23 16:46:54 作者:夜雨羽翼
我要評論

這篇文章給大家查找總結(jié)了一些HTML5頭部<meta>標(biāo)簽常用的一些信息,文章給出了示例代碼與注釋,介紹的很詳細(xì),感興趣的朋友們下面來一起看看吧。
前言
大家都知道在移動(dòng)前端開發(fā)中添加一些webkit專屬的HTML5頭部標(biāo)簽,幫助瀏覽器更好解析html代碼,更好地將移動(dòng)web前端頁面表現(xiàn)出來。本文整理一些HTML5頭部<meta>標(biāo)簽常用的信息。有錯(cuò)誤的,敬請留言指正,或可以留言補(bǔ)充,歡迎留言交流!
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <!-- 字體編碼 -->
- <meta charset="utf-8" />
- <!-- 關(guān)鍵字 -->
- <meta name="keywords" content="" />
- <!-- 說明 -->
- <meta name="description" content="" />
- <!-- 作者 -->
- <meta name="author" content="" />
- <!-- 設(shè)置文檔寬度、是否縮放 -->
- <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
- <!-- 優(yōu)先使用IE最新版本或chrome -->
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
- <!-- 360讀取到這個(gè)標(biāo)簽立即錢換到極速模式 -->
- <meta name="renderer" content="webkit" />
- <!-- 禁止百度轉(zhuǎn)碼 -->
- <meta http-equiv="Cache-Control" content="no-siteapp" />
- <!-- UC強(qiáng)制豎屏 -->
- <meta name="screen-orientation" content="portrait" />
- <!-- QQ強(qiáng)制豎屏 -->
- <meta name="x5-orientation" content="portrait" />
- <!-- UC強(qiáng)制全屏 -->
- <meta name="full-scerrn" content="yes" />
- <!-- QQ強(qiáng)制全屏 -->
- <meta name="x5-fullscreen" content="ture" />
- <!-- QQ應(yīng)用模式 -->
- <meta name="x5-page-mode" content="app" />
- <!-- UC應(yīng)用模式 -->
- <meta name="browsermode" content="application">
- <!-- window phone 點(diǎn)亮無高光 -->
- <meta name="msapplication-tap-highlight" content="no" />
- <!-- 安卓設(shè)備不自動(dòng)識別郵件地址 -->
- <meta name="format-detection" name="email=no" />
- <!-- iOS設(shè)備 -->
- <!-- 添加到主屏幕的標(biāo)題 -->
- <meta name="apple-mobile-web-app-title" content="標(biāo)題" />
- <!-- 是否啟用webApp全屏 -->
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <!-- 設(shè)置狀態(tài)欄的背景顏色,啟用webapp模式時(shí)生效 -->
- <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent/black/default" />
- <!-- 半透明/黑色/默認(rèn)白色 -->
- <!-- 禁止數(shù)字識別為電話號碼 -->
- <meta name="format-detection" content="telephone=no" />
- <!-- 智能添加廣告條 -->
- <meta name="apple-itunes-app" content="app-id=myappstoreID,affiliate-data=myaffiliatedata,app-argument=myurl" />
總結(jié)
本文只是對HTML5頭部<meta>標(biāo)簽的一些常用信息進(jìn)行總結(jié),希望對大家學(xué)習(xí)或者使用html5能有所幫助,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
相關(guān)文章
- 這篇文章主要介紹了HTML中meta標(biāo)簽及Keywords的相關(guān)資料,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-15
- 本文給大家介紹了html5中各種頭部meta標(biāo)簽功能小結(jié),非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下2017-03-13
移動(dòng)端html5 meta標(biāo)簽的神奇功效
制作手機(jī)版網(wǎng)站的時(shí)候,除了頁面簡潔、操作方便等訪問者可以看到的地方以外,就是 Meta 標(biāo)簽的設(shè)置,合理設(shè)置 Meta 標(biāo)簽 對手機(jī)版網(wǎng)站的搜索引擎優(yōu)化,手機(jī)瀏覽器的渲染展2016-01-06實(shí)例講解HTML5的meta標(biāo)簽的一些應(yīng)用
這篇文章主要介紹了HTML5下meta標(biāo)簽的一些應(yīng)用方法實(shí)例,包括在移動(dòng)前端頁面上的一個(gè)使用例子,需要的朋友可以參考下2015-12-08meta標(biāo)簽name="referrer"屬性簡介和用法小結(jié)
HTML<meta>標(biāo)簽name="referrer"屬性主要用于控制網(wǎng)頁發(fā)送給服務(wù)器的referrer信息,可以告訴服務(wù)器端用戶是從哪個(gè)頁面來到當(dāng)前網(wǎng)頁的,本篇文章給大家介紹me2023-10-18