HTML中的meta标签
生活随笔
收集整理的這篇文章主要介紹了
HTML中的meta标签
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<HEAD>//1.基本標(biāo)簽? ?<！ - 聲明文檔使用的字符編碼 - >????<meta charset =“utf-8”/> ? ? ?<！ - 優(yōu)先使用IE最新版本和Chrome - > ? ?<meta http-equiv =“X-UA-Compatible”content =“IE = edge，chrome = 1”>// 2.SEO優(yōu)化? ?<！ - 頁面關(guān)鍵詞 - > ? ?<meta name =“keywords”content =“個人活動發(fā)布，會辦app，活動管理，會議管理，社群管理“/> ? ?<！ - 頁面描述 - > ? ?<meta name =”description“content =”發(fā)布個人會議，發(fā)布公司會議，w我們都可以幫你找到合適的會議地點和參會觀眾“> ? ?<！ - 網(wǎng)頁作者 - > ? ?<meta name =”author“content =”xin1642868874@163.com“> ? ?<！ - 搜索引擎抓取robotterms是一組使用逗號（， ）分割的值，通常有如下幾種取值：none，noindex，nofollow，all，index和follow。 - > ? ?<meta name =“機(jī)器人“content =”索引，按照“> ? ?<！ - 頁面重定向和刷新 - > ? ?<meta http-equiv =”refresh“content =”0; url =“/>//3.可選標(biāo)簽? ?<！ - 為移動設(shè)備添加視口 - > ? ?<meta name =“viewport”content =“width = device-width，initial-scale = 1，maximum-scale = 1，minimum-scale = 1，user-scalable = no” “>//4. IOS設(shè)備? ?<！ - 刪除默認(rèn)的蘋果工具欄和菜單欄.--> ? ?<meta name =”apple-mobile-web-app-capable“content =”yes“> ? ?<！ - 添加到主屏后的標(biāo)題（iOS 6新增） - > ? ?<meta name =“apple-mobile-web-app-title”content =“標(biāo)題”> ? ?<！ - 是否啟用WebApp全屏模式 - > ? ?<meta name = “apple-mobile-web-app-capable”content =“yes”> ? ?<！ - 設(shè)置狀態(tài)欄的背景顏色，只有在“apple-mobile-web-app-capable”content =“yes”`時生效，如果設(shè)置為默認(rèn)或黑色，網(wǎng)頁內(nèi)容從狀態(tài)欄底部開始。如果設(shè)置為black-translucent，網(wǎng)頁內(nèi)容充滿整個屏幕，頂部會被狀態(tài)欄遮擋。 - > ? ?<！- 禁止數(shù)字識自動別為電話號碼 - > ? ?<meta name =“format-detection”content =“telephone = no”> ? ?<！ - 禁止自動自動識別地址 - >? ?<meta name =“format-detection”content =“address = no”> ? ?<！ - 禁止自動自動識別日期 - > ? ?<meta name =“format-detection”content =“date = no”> ? ?<！ -禁止自動自動識別電子郵件 - > ? ?<meta name =“format-detection”content =“email = no”> ? ?iOS圖標(biāo)<link rel =“apple-touch-icon圖片自動處理成圓角和高光等效果/ apple- touch-icon-precomposed禁止系統(tǒng)自動添加效果，直接顯示設(shè)計原圖“>：? ? ?<！ - iPhone和iTouch，默認(rèn)57x57像素，必須有 - >? ? ? ? ?<link rel =”apple-touch-icon-precomposed“href =“/ apple-touch-icon-57x57-precomposed.png”> ? ? ? ?<！ - iPad，72x72像素，可以沒有，但推薦有 - > ? ? ? ?<link rel =“apple-touch-icon-precomposed”sizes =“ 72x72“href =”/apple-touch-icon-72x72-precomposed.png“> ? ? ? ?<！ - Retina iPhone和Retina iTouch，114x114像素，可以沒有，但推薦有 - >? ? ?<link rel =“apple-touch-icon-precomposed”sizes =“114x114”href =“/ apple-touch-icon-114x114-precomposed.png”> ? ? ?<!--? Pad的啟動畫面是不包括狀態(tài)欄區(qū)域的。-->? ? ? ? ? ? ?<！ - iPad豎屏768 x 1004（標(biāo)準(zhǔn)分辨率） - > ? ? ? ? ? ? ?<link rel =“apple-touch-startup-image”sizes =“768x1004”href =“/ splash-screen-768x1004.png”>? ? ? ? ? ? ? ?< ！ - iPad豎屏1536x2008（Retina） - > ? ? ? ? ? ? ? <link rel =“apple-touch-startup-image”sizes =“1536x2008”href =“/ splash-screen-1536x2008.png”>? ? ? ? ? ? ? ? <！ - iPad橫屏2048x1496（Retina） - >? ? ? ? ? ? ? <link rel =“apple-touch-startup-image”sizes =“2048x1496”href =“/ splash-screen-2048x1496.png”>?? ? ? <!-- iPhone和iPod touch的啟動畫面是包含狀態(tài)欄區(qū)域的。-->? ? ? ? ? ? ? <！ - iPhone / iPod Touch豎屏320x480（標(biāo)準(zhǔn)分辨率） - > ? ? ? ? ? ? ? <link rel =“apple-touch-startup-image”href =“/ splash-screen-320x480.png“>? ? ? ? ? ? ? ? <！ - iPhone / iPod Touch豎屏640x960（Retina） - > ? ? ? ? ? ? ? <link rel =”apple-touch-startup-image“sizes =”640x960“href =”/ splash- screen-640x960.png“>? ? ? ? ? ? ? ?<！ - iPhone 5 / iPod Touch 5豎屏640x1136（Retina） - > ? ? ? ? ? ? ? <link rel =”apple-touch-startup-image“sizes =”640x1136“href =”/ splash- screen-640x1136.png“>? ?<！ - 添加智能App廣告條智能應(yīng)用橫幅（iOS 6+ Safari） - > ?<meta name =”apple-itunes-app“content =”app-id = myAppStoreID，affiliate-data = myAffiliateData，app-argument = myURL“> // 5.Android?? ?<！ - Android Lollipop中的Chrome 39增加主題顏色元標(biāo)簽，用來控制選項卡顏色.--> ? ?<meta name =“theme-color”content =“＃db5945”>??Windows 8 ? ?<！ - Windows 8磁貼顏色 - > ? ?<meta name =“msapplication-TileColor”content =“＃000”/> ? ?<！ - Windows 8磁貼圖標(biāo) - > 360瀏覽器? ?<！ - 設(shè)置360瀏覽器渲染模式： webkit為極速內(nèi)核，ie-comp為IE兼容內(nèi)核，ie-stand為IE標(biāo)準(zhǔn)內(nèi)核.--> ? ?<meta name =“renderer”content =“webkit”> UC瀏覽器：? ?<！ - 設(shè)置屏幕方向：portrait為橫屏，landscape為豎屏.--> ? ?<meta name =“screen-orientation”content =“portrait | landscape”> ? ?<！ - 設(shè)置全屏 - > ? ?<meta name =“full-screen”content =“是“>? ?<！ - 設(shè)置適應(yīng)屏幕排版（縮放是否顯示滾動條） - > ? ? <meta name =“viewport”content =“uc-fitscreen = no | yes”>? ?<！ - 排版模式：適合屏幕）及標(biāo)準(zhǔn)模式（標(biāo)準(zhǔn)） - > ? ?<meta name =“l(fā)ayoutmode”content =“fitscreen | standard”> ? ?<！ - 夜間模式：可以幫助用戶在低亮度或黑暗情況下更舒適的進(jìn)行頁面瀏覽。注意：頁面內(nèi)的frame / iframe中的夜間模式的元不生效.--> ? ?<meta name =“nightmode”content =“enable | disable”> ? ?<！ - 整頁圖片強(qiáng)制顯示：為了節(jié)省流量及加快速度，UC為用戶提供了無圖模式 - > ? ?<meta name =“imagemode”content =“force”> ? ?<！ - 開啟應(yīng)用模式：為方便Web應(yīng)用及游戲開發(fā)者設(shè)置的綜合開關(guān)，通過元標(biāo)簽進(jìn)行指示打開，當(dāng)進(jìn)入應(yīng)用模式時，瀏覽器將自動調(diào)整以下參數(shù)： - > ? ?? ?<meta name =“browsermode”content =“application”> QQ瀏覽器（X5內(nèi)核）：? ?<！ - 設(shè)置橫屏，豎屏顯示，縱橫屏，風(fēng)景豎屏 - > ? <meta name =“x5-orientation”content =“portrait | landscape”>? <！ - 設(shè)置全屏顯示 - > ? <meta name =“x5-fullscreen”content =“true”> ? <！ - 開啟應(yīng)用模式 - >? <meta name =“x5-page-mode”content =“app”> 其它：? ?<！ - 禁止Chrome瀏覽器中自動提示翻譯 - > ? ?<meta name =“google”value =“notranslate”> ? ?<！ - - 禁止百度轉(zhuǎn)碼 - > ? ?<meta http-equiv =“Cache-Control”content =“no-siteapp”> ? ? <！ - 禁止瀏覽器從本地計算機(jī)的緩存中訪問頁面內(nèi)容：這樣設(shè)定，訪問者將無法脫機(jī)瀏覽.--> ? ? <meta http-equiv =“Pragma”content =“no-cache”> ? ? <！ - 作用是控制狀態(tài)欄顯示樣式 - > ? ?<meta name =“apple-mobile-web -app-status-bar-style“content =”black-translucent“> ? ?<！ - winphone系統(tǒng)a，輸入標(biāo)簽被點擊時產(chǎn)生的半透明灰色背景怎么去掉 - > ? ?<meta name =”msapplication-tap-突出顯示“content =”no“> ? ?<！ - 用來阻止廣告 - >? ?<meta http-equiv =“Content-Security-Policy”content =“default-src gap：// ready file：; style-src'self''unsafe-inline'; script-src'unsafe-inline''unsafe- EVAL'“>? ?<！ - 是否開啟cleartype顯示效果 - > ? ?<meta http-equiv =“cleartype”content =“on”> ? ?< - 指定360瀏覽器用webkit內(nèi)核渲染網(wǎng)頁 - > ? ?<meta name =“force-rendering” content =“webkit”/> ? ?<！ - 自定義標(biāo)簽：app版本號說明 - > ? ? <meta name =“app-version”content =“1.13.3”> ? ?<title>活動報名</ title>
</ HEAD>
原文地址：https://blog.csdn.net/xinxiaoyonng/article/details/80985163
總結(jié)
以上是生活随笔為你收集整理的HTML中的meta标签的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： IBM PureApplication
- 下一篇： Docker容器安装Mysql8