meta標籤整理大全

時間 2019-11-12

標籤 meta 標籤整理大全欄目 HTML5 简体版

原文原文鏈接

1、H5標準聲明，使用 HTML5 doctype，不區分大小寫css

<!DOCTYPE html>

2、標準的 lang 屬性寫法　　html

<head lang=」en」>

3、meta標籤用法大全web

　　一、聲明文檔使用的字符編碼 chrome

<meta charset=’utf-8′>

　　二、優先使用 IE 最新版本和 Chromewindows

<meta http-equiv=」X-UA-Compatible」 content=」IE=edge,chrome=1″/>

　　三、頁面描述　　　　瀏覽器

<meta name=」description」 content=」不超過150個字符」/>

　　四、頁面關鍵詞　　　　緩存

<meta name=」keywords」 content=」」/>

　　五、網頁做者　　　　app

<meta name=」author」 content=」name, email@gmail.com」/>

　　六、搜索引擎抓取　　　　iphone

<meta name=」robots」 content=」index,follow」/>

　　七、爲移動設備添加 viewport　　　　工具

<meta name=」viewport」 content=」initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no」>

<meta name=」viewport」 content=」initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no」,
viewport-fit=cover"
>
/*iphoneX適配*/
css:

body {
           padding-top: constant(safe-area-inset-top);
           padding-left: constant(safe-area-inset-left);
           padding-right: constant(safe-area-inset-right);
           padding-bottom: constant(safe-area-inset-bottom);
       }

　　八、 iOS 設備 begin　　　　

<meta name=」apple-mobile-web-app-title」 content=」標題」>

　　九、添加到主屏後的標題（iOS 6 新增）　　　　

<meta name=」apple-mobile-web-app-capable」 content=」yes」/>

　　十、是否啓用 WebApp 全屏模式，刪除蘋果默認的工具欄和菜單欄　　　　

<meta name=」apple-itunes-app」 content=」app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL」>

　　十一、添加智能 App 廣告條 Smart App Banner（iOS 6+ Safari）　　　　

<meta name=」apple-mobile-web-app-status-bar-style」 content=」black」/>

　　十二、設置蘋果工具欄顏色　　　　

<meta name=」format-detection」 content=」telphone=no, email=no」/>

　　1三、啓用360瀏覽器的極速模式(webkit)　　　　

<meta name=」renderer」 content=」webkit」>

　　1四、避免IE使用兼容模式　　　　

<meta http-equiv=」X-UA-Compatible」 content=」IE=edge」>

　　1五、不讓百度轉碼　　　　

<meta http-equiv=」Cache-Control」 content=」no-siteapp」 />

　　1六、針對手持設備優化，主要是針對一些老的不識別viewport的瀏覽器，好比黑莓　　　　

<meta name=」HandheldFriendly」 content=」true」>

　　1七、微軟的老式瀏覽器　　　　

<meta name=」MobileOptimized」 content=」320″>

　　1八、uc強制豎屏　　　　

<meta name=」screen-orientation」 content=」portrait」>

　　1九、QQ強制豎屏　　　　

<meta name=」x5-orientation」 content=」portrait」>

　　20、UC強制全屏　　　　

<meta name=」full-screen」 content=」yes」>

　　2一、QQ強制全屏　　　　

<meta name=」x5-fullscreen」 content=」true」>

　　2二、UC應用模式　　　　

<meta name=」browsermode」 content=」application」>

　　2三、QQ應用模式　　　　

<meta name=」x5-page-mode」 content=」app」>

　　2四、windows phone 點擊無高光　　　　

<meta name=」msapplication-tap-highlight」 content=」no」>

　　2五、設置頁面不緩存　　　　

<meta http-equiv=」pragma」 content=」no-cache」>

<meta http-equiv=」cache-control」 content=」no-cache」>

<meta http-equiv=」expires」 content=」0″>

2六、忽略頁面中的數字識別爲電話，忽略email識別

<meta name="apple-mobile-web-app-status-bar-style" content="black">

相關標籤/搜索

HTML_標籤大全