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