Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 97香蕉久久夜色精品国产,91麻豆国产在线观看,韩国三级特黄60分钟在线播放 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML 常用頭部標(biāo)簽（meta）
          
        
           
          
	
	
          
		
                        
          來看下常用的標(biāo)簽列表，后文會一一介紹：
          <!DOCTYPE html> <!-- 使用 HTML5 doctype，不區(qū)分大小寫 -->
          <html lang="zh-cmn-Hans"> <!-- 更加標(biāo)準(zhǔn)的 lang 屬性寫法 http://zhi.hu/XyIa -->
          <head>
           <meta charset='utf-8'> <!-- 聲明文檔使用的字符編碼 -->
           <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- 優(yōu)先使用 IE 最新版本和 Chrome -->
           <meta name="description" content="不超過150個(gè)字符" /> <!-- 頁面描述 -->
           <meta name="keywords" content=""/> <!-- 頁面關(guān)鍵詞 -->
           <meta name="author" content="name, email@gmail.com" /> <!-- 網(wǎng)頁作者 -->
           <meta name="robots" content="index,follow" /> <!-- 搜索引擎抓取 -->
           <!-- 為移動設(shè)備添加 viewport -->
           <meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"> <!-- `width=device-width` 會導(dǎo)致 iPhone 5 添加到主屏后以 WebApp 全屏模式打開頁面時(shí)出現(xiàn)黑邊 http://bigc.at/ios-webapp-viewport-meta.orz -->
           <!-- iOS 設(shè)備 begin -->
           <meta name="apple-mobile-web-app-title" content="標(biāo)題"> <!-- 添加到主屏后的標(biāo)題（iOS 6 新增） -->
           <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 是否啟用 WebApp 全屏模式 -->
           <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <!-- 設(shè)置狀態(tài)欄的背景顏色，只有在 `"apple-mobile-web-app-capable" content="yes"` 時(shí)生效 -->
           <meta name="format-detection" content="telephone=no" /> <!-- 禁止數(shù)字識自動別為電話號碼 -->
           <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL"> <!-- 添加智能 App 廣告條 Smart App Banner（iOS 6+ Safari） -->
           <!-- iOS 圖標(biāo) begin -->
           <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png" /> <!-- iPhone 和 iTouch，默認(rèn) 57x57 像素，必須有 -->
           <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png" /> <!-- Retina iPhone 和 Retina iTouch，114x114 像素，可以沒有，但推薦有 -->
           <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png" /> <!-- Retina iPad，144x144 像素，可以沒有，但推薦有 -->
           <!-- iOS 圖標(biāo) end -->
           <!-- iOS 啟動畫面 begin -->
           <link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png" /> <!-- iPad 豎屏 768 x 1004（標(biāo)準(zhǔn)分辨率） -->
           <link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png" /> <!-- iPad 豎屏 1536x2008（Retina） -->
           <link rel="apple-touch-startup-image" sizes="1024x748" href="/Default-Portrait-1024x748.png" /> <!-- iPad 橫屏 1024x748（標(biāo)準(zhǔn)分辨率） -->
           <link rel="apple-touch-startup-image" sizes="2048x1496" href="/splash-screen-2048x1496.png" /> <!-- iPad 橫屏 2048x1496（Retina） -->
           <link rel="apple-touch-startup-image" href="/splash-screen-320x480.png" /> <!-- iPhone/iPod Touch 豎屏 320x480 (標(biāo)準(zhǔn)分辨率) -->
           <link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png" /> <!-- iPhone/iPod Touch 豎屏 640x960 (Retina) -->
           <link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png" /> <!-- iPhone 5/iPod Touch 5 豎屏 640x1136 (Retina) -->
           <!-- iOS 啟動畫面 end -->
           <!-- iOS 設(shè)備 end -->
           <meta name="msapplication-TileColor" content="#000"/> <!-- Windows 8 磁貼顏色 -->
           <meta name="msapplication-TileImage" content="icon.png"/> <!-- Windows 8 磁貼圖標(biāo) -->
           <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" /> <!-- 添加 RSS 訂閱 -->
           <link rel="shortcut icon" type="image/ico" href="/favicon.ico" /> <!-- 添加 favicon icon -->
           <title>標(biāo)題</title>
          </head>
          基本標(biāo)簽
          使用 HTML5 doctype，不區(qū)分大小寫。
          <!DOCTYPE html> <!-- 使用 HTML5 doctype，不區(qū)分大小寫 -->
          聲明文檔使用的字符編碼
          <meta charset='utf-8'> <!-- 聲明文檔使用的字符編碼 -->
          更加標(biāo)準(zhǔn)的 lang 屬性寫法 http://zhi.hu/XyIa
          • 簡體中文
          • <html lang="zh-cmn-Hans"> <!-- 更加標(biāo)準(zhǔn)的 lang 屬性寫法 http://zhi.hu/XyIa -->
          • 繁體中文
          • <html lang="zh-cmn-Hant"> <!-- 更加標(biāo)準(zhǔn)的 lang 屬性寫法 http://zhi.hu/XyIa -->
          很少情況才需要加地區(qū)代碼，通常是為了強(qiáng)調(diào)不同地區(qū)漢語使用差異，例如：
          <p lang="zh-cmn-Hans">
          <strong lang="zh-cmn-Hans-CN">菠蘿</strong>和<strong lang="zh-cmn-Hant-TW">鳳梨</strong>其實(shí)是同一種水果。只是大陸和臺灣稱謂不同，且新加坡、馬來西亞一帶的稱謂也是不同的，稱之為<strong lang="zh-cmn-Hans-SG">黃梨</strong>。
          </p>
          優(yōu)先使用 IE 最新版本和 Chrome
          <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- 優(yōu)先使用 IE 最新版本和 Chrome -->
          SEO 優(yōu)化
          頁面描述
          每個(gè)網(wǎng)頁都應(yīng)有一個(gè)不超過 150 個(gè)字符且能準(zhǔn)確反映網(wǎng)頁內(nèi)容的描述標(biāo)簽。文檔
          <meta name="description" content="不超過150個(gè)字符" /> <!-- 頁面描述 -->
          頁面關(guān)鍵詞
          <meta name="keywords" content=""/> <!-- 頁面關(guān)鍵詞 -->
          定義頁面標(biāo)題
          <title>標(biāo)題</title>
          定義網(wǎng)頁作者
          <meta name="author" content="name, email@gmail.com" /> <!-- 網(wǎng)頁作者 -->
          定義網(wǎng)頁搜索引擎索引方式，robotterms是一組使用英文逗號「,」分割的值，通常有如下幾種取值：none，noindex，nofollow，all，index和follow。文檔
          <meta name="robots" content="index,follow" /> <!-- 搜索引擎抓取 -->
          可選標(biāo)簽
          為移動設(shè)備添加 viewport
          <meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"> <!-- `width=device-width` 會導(dǎo)致 iPhone 5 添加到主屏后以 WebApp 全屏模式打開頁面時(shí)出現(xiàn)黑邊 http://bigc.at/ios-webapp-viewport-meta.orz -->
          content 參數(shù)：
          • width viewport 寬度(數(shù)值/device-width)
          • height viewport 高度(數(shù)值/device-height)
          • initial-scale 初始縮放比例
          • maximum-scale 最大縮放比例
          • minimum-scale 最小縮放比例
          • user-scalable 是否允許用戶縮放(yes/no)
          • minimal-ui iOS 7.1 beta 2 中新增屬性（注意：iOS8 中已經(jīng)刪除），可以在頁面加載時(shí)最小化上下狀態(tài)欄。這是一個(gè)布爾值，可以直接這樣寫：<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
          iOS 設(shè)備
          添加到主屏后的標(biāo)題（iOS 6 新增）
          <meta name="apple-mobile-web-app-title" content="標(biāo)題"> <!-- 添加到主屏后的標(biāo)題（iOS 6 新增） -->
          是否啟用 WebApp 全屏模式
          <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 是否啟用 WebApp 全屏模式 -->
          設(shè)置狀態(tài)欄的背景顏色
          <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <!-- 設(shè)置狀態(tài)欄的背景顏色，只有在 `"apple-mobile-web-app-capable" content="yes"` 時(shí)生效 -->
          content 參數(shù)：
          • default 默認(rèn)值。
          • black 狀態(tài)欄背景是黑色。
          • black-translucent 狀態(tài)欄背景是黑色半透明。
          如果設(shè)置為 default 或 black ,網(wǎng)頁內(nèi)容從狀態(tài)欄底部開始。
          如果設(shè)置為 black-translucent ,網(wǎng)頁內(nèi)容充滿整個(gè)屏幕，頂部會被狀態(tài)欄遮擋。
          禁止數(shù)字識自動別為電話號碼
          <meta name="format-detection" content="telephone=no" /> <!-- 禁止數(shù)字識自動別為電話號碼 -->
          iOS 圖標(biāo)
          rel 參數(shù)：
          apple-touch-icon 圖片自動處理成圓角和高光等效果。
          apple-touch-icon-precomposed 禁止系統(tǒng)自動添加效果，直接顯示設(shè)計(jì)原圖。
          iPhone 和 iTouch，默認(rèn) 57x57 像素，必須有
          <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png" /> <!-- iPhone 和 iTouch，默認(rèn) 57x57 像素，必須有 -->
          iPad，72x72 像素，可以沒有，但推薦有
          <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72-precomposed.png" /> <!-- iPad，72x72 像素，可以沒有，但推薦有 -->
          Retina iPhone 和 Retina iTouch，114x114 像素，可以沒有，但推薦有
          <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png" /> <!-- Retina iPhone 和 Retina iTouch，114x114 像素，可以沒有，但推薦有 -->
          Retina iPad，144x144 像素，可以沒有，但推薦有
          <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png" /> <!-- Retina iPad，144x144 像素，可以沒有，但推薦有 -->
          iOS 啟動畫面
          官方文檔：https://developer.apple.com/library/ios/qa/qa1686/_index.html
          參考文章：http://wxd.ctrip.com/blog/2013/09/ios7-hig-24/
          iPad 的啟動畫面是不包括狀態(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 豎屏 768 x 1004（標(biāo)準(zhǔn)分辨率） -->
          iPad 豎屏 1536x2008（Retina）
          <link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png" /> <!-- iPad 豎屏 1536x2008（Retina） -->
          iPad 橫屏 1024x748（標(biāo)準(zhǔn)分辨率）
          <link rel="apple-touch-startup-image" sizes="1024x748" href="/Default-Portrait-1024x748.png" /> <!-- iPad 橫屏 1024x748（標(biāo)準(zhǔn)分辨率） -->
          iPad 橫屏 2048x1496（Retina）
          <link rel="apple-touch-startup-image" sizes="2048x1496" href="/splash-screen-2048x1496.png" /> <!-- iPad 橫屏 2048x1496（Retina） -->
          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 豎屏 320x480 (標(biāo)準(zhǔn)分辨率) -->
          iPhone/iPod Touch 豎屏 640x960 (Retina)
          <link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png" /> <!-- iPhone/iPod Touch 豎屏 640x960 (Retina) -->
          iPhone 5/iPod Touch 5 豎屏 640x1136 (Retina)
          <link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png" /> <!-- iPhone 5/iPod Touch 5 豎屏 640x1136 (Retina) -->
          添加智能 App 廣告條 Smart App Banner（iOS 6+ Safari）文檔
          <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL"> <!-- 添加智能 App 廣告條 Smart App Banner（iOS 6+ Safari） -->
          Android
          Android Lollipop 中的 Chrome 39 增加 theme-color meta 標(biāo)簽，用來控制選項(xiàng)卡顏色。
          http://updates.html5rocks.com/2014/11/Support-for-theme-color-in-Chrome-39-for-Android
          <meta name="theme-color" content="#db5945">
          Windows 8
          Windows 8 磁貼顏色
          <meta name="msapplication-TileColor" content="#000"/> <!-- Windows 8 磁貼顏色 -->
          Windows 8 磁貼圖標(biāo)
          <meta name="msapplication-TileImage" content="icon.png"/> <!-- Windows 8 磁貼圖標(biāo) -->
          其他
          添加 RSS 訂閱
          <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" /> <!-- 添加 RSS 訂閱 -->
          添加 favicon icon
          <link rel="shortcut icon" type="image/ico" href="/favicon.ico" /> <!-- 添加 favicon icon -->
          禁止 Chrome 瀏覽器中自動提示翻譯
          、定義
          <meta> 標(biāo)簽提供關(guān)于 HTML 文檔的元數(shù)據(jù)。它不會顯示在頁面上，但是對于機(jī)器是可讀的。可用于瀏覽器（如何顯示內(nèi)容或重新加載頁面），搜索引擎（關(guān)鍵詞），或其他 web 服務(wù)。
          2、作用
          meta里的數(shù)據(jù)是供機(jī)器解讀的，告訴機(jī)器該如何解析這個(gè)頁面，還有一個(gè)用途是可以添加服務(wù)器發(fā)送到瀏覽器的http頭部內(nèi)容，例如我們?yōu)轫撁嬷刑砑尤缦耺eta標(biāo)簽：

          2. <meta http-equiv="charset" content="iso-8859-1">
          3. <meta http-equiv="expires" content="31 Dec 2008">
          瀏覽器的頭部就會包括這些:

          2. charset:iso-8859-1
          3. expires:31 Dec 2008
          只有瀏覽器可以接受這些附加的頭部字段，并能以適當(dāng)?shù)姆绞绞褂盟鼈儠r(shí)，這些字段才有意義。
          3、meta的必需屬性和可選屬性
          meta的必需屬性是content，當(dāng)然并不是說meta標(biāo)簽里一定要有content，而是當(dāng)有http-equiv或name屬性的時(shí)候，一定要有content屬性對其進(jìn)行說明。例如：
          必需屬性
          <meta name="keywords" content="HTML,ASP,PHP,SQL">
          這里面content里的屬性就是對keywords進(jìn)行的說明，所以呢也可以理解成一個(gè)鍵值對吧，就是{keywords:"HTML,ASP,PHP,SQL"}。
          可選屬性
          在W3school中，對于meta的可選屬性說到了三個(gè)，分別是http-equiv、name和scheme。考慮到scheme不是很常用，所以就只說下前兩個(gè)屬性吧。
          http-equiv
          http-equiv屬性是添加http頭部內(nèi)容，對一些自定義的，或者需要額外添加的http頭部內(nèi)容，需要發(fā)送到瀏覽器中，我們就可以是使用這個(gè)屬性。在上面的meta作用中也有簡單的說明，那么現(xiàn)在再舉個(gè)例子。例如我們不想使用js來重定向，用http頭部內(nèi)容控制，那么就可以這樣控制：
          <meta http-equiv="Refresh" content="5;url=http://blog.yangchen123h.cn" />
          •  
          在頁面中加入這個(gè)后，5秒鐘后就會跳轉(zhuǎn)到指定頁面啦，效果可看W3school的例子
          name
          第二個(gè)可選屬性是name，這個(gè)屬性是供瀏覽器進(jìn)行解析，對于一些瀏覽器兼容性問題，name屬性是最常用的，當(dāng)然有個(gè)前提就是瀏覽器能夠解析你寫進(jìn)去的name屬性才可以，不然就是沒有意義的。還是舉個(gè)例子吧:
          <meta name="renderer" content="webkit">
          •  
          這個(gè)meta標(biāo)簽的意思就是告訴瀏覽器，用webkit內(nèi)核進(jìn)行解析，當(dāng)然前提是瀏覽器有webkit內(nèi)核才可以，不然就是沒有意義的啦。當(dāng)然看到這個(gè)你可能會有疑問，這個(gè)renderer是從哪里冒出來的，我要怎么知道呢？這個(gè)就是在對應(yīng)的瀏覽器的開發(fā)文檔里就會有表明的，例如這個(gè)renderer是在360瀏覽器里說明的。360瀏覽器內(nèi)核控制Meta標(biāo)簽說明文檔
          常用meta標(biāo)簽大總結(jié)
          接下來就是常用的meta標(biāo)簽大總結(jié)啦，我會盡可能的做到全
          charset
          charset是聲明文檔使用的字符編碼，解決亂碼問題主要用的就是它，值得一提的是，這個(gè)charset一定要寫第一行，不然就可能會產(chǎn)生亂碼了。
          charset有兩種寫法

          2. <meta charset="utf-8">
          3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          •  
          兩個(gè)都是等效的。
          百度禁止轉(zhuǎn)碼
          百度會自動對網(wǎng)頁進(jìn)行轉(zhuǎn)碼，這個(gè)標(biāo)簽是禁止百度的自動轉(zhuǎn)碼
          <meta http-equiv="Cache-Control" content="no-siteapp" />
          SEO 優(yōu)化部分

          2. <!-- 頁面標(biāo)題<title>標(biāo)簽(head 頭部必須) -->
          3. <title>your title</title>
          4. <!-- 頁面關(guān)鍵詞 keywords -->
          5. <meta name="keywords" content="your keywords">
          6. <!-- 頁面描述內(nèi)容 description -->
          7. <meta name="description" content="your description">
          8. <!-- 定義網(wǎng)頁作者 author -->
          9. <meta name="author" content="author,email address">
          10. <!-- 定義網(wǎng)頁搜索引擎索引方式，robotterms 是一組使用英文逗號「,」分割的值，通常有如下幾種取值：none，noindex，nofollow，all，index和follow。 -->
          11. <meta name="robots" content="index,follow">
          viewport
          viewport主要是影響移動端頁面布局的，例如：

          2. <meta name="viewport" content="width=device-width, initial-scale=1.0">
          3.  
          content 參數(shù)：
          • width viewport 寬度(數(shù)值/device-width)
          • height viewport 高度(數(shù)值/device-height)
          • initial-scale 初始縮放比例
          • maximum-scale 最大縮放比例
          • minimum-scale 最小縮放比例
          • user-scalable 是否允許用戶縮放(yes/no)
          各瀏覽器平臺
          Microsoft Internet Explorer

          2. <!-- 優(yōu)先使用最新的ie版本 -->
          3. <meta http-equiv="x-ua-compatible" content="ie=edge">
          4. <!-- 是否開啟cleartype顯示效果 -->
          5. <meta http-equiv="cleartype" content="on">
          6. <meta name="skype_toolbar" content="skype_toolbar_parser_compatible">
          7.  
          8.  
          9. <!-- Pinned Site -->
          10. <!-- IE 10 / Windows 8 -->
          11. <meta name="msapplication-TileImage" content="pinned-tile-144.png">
          12. <meta name="msapplication-TileColor" content="#009900">
          13. <!-- IE 11 / Windows 9.1 -->
          14. <meta name="msapplication-config" content="ieconfig.xml">
          Google Chrome

          2. <!-- 優(yōu)先使用最新的chrome版本 -->
          3. <meta http-equiv="X-UA-Compatible" content="chrome=1" />
          4. <!-- 禁止自動翻譯 -->
          5. <meta name="google" value="notranslate">
          360瀏覽器

          2. <!-- 選擇使用的瀏覽器解析內(nèi)核 -->
          3. <meta name="renderer" content="webkit|ie-comp|ie-stand">
          UC手機(jī)瀏覽器
          UCBrowser_U3_API
          QQ手機(jī)瀏覽器

          2. <!-- 鎖定屏幕在特定方向 -->
          3. <meta name="x5-orientation" content="landscape/portrait">
          4. <!-- 全屏顯示 -->
          5. <meta name="x5-fullscreen" content="true">
          6. <!-- 頁面將以應(yīng)用模式顯示 -->
          7. <meta name="x5-page-mode" content="app">
          Apple iOS

          2. <!-- Smart App Banner -->
          3. <meta name="apple-itunes-app" content="app-id=APP_ID,affiliate-data=AFFILIATE_ID,app-argument=SOME_TEXT">
          4.  
          5.  
          6. <!-- 禁止自動探測并格式化手機(jī)號碼 -->
          7. <meta name="format-detection" content="telephone=no">
          8.  
          9.  
          10. <!-- Add to Home Screen添加到主屏 -->
          11. <!-- 是否啟用 WebApp 全屏模式 -->
          12. <meta name="apple-mobile-web-app-capable" content="yes">
          13. <!-- 設(shè)置狀態(tài)欄的背景顏色,只有在 “apple-mobile-web-app-capable” content=”yes” 時(shí)生效 -->
          14. <meta name="apple-mobile-web-app-status-bar-style" content="black">
          15. <!-- 添加到主屏后的標(biāo)題 -->
          16. <meta name="apple-mobile-web-app-title" content="App Title">
          Google Android

          2. <meta name="theme-color" content="#E64545">
          3. <!-- 添加到主屏 -->
          4. <meta name="mobile-web-app-capable" content="yes">
          5. <!-- More info: https://developer.chrome.com/multidevice/android/installtohomescreen -->
          App Links

          2. <!-- iOS -->
          3. <meta property="al:ios:url" content="applinks://docs">
          4. <meta property="al:ios:app_store_id" content="12345">
          5. <meta property="al:ios:app_name" content="App Links">
          6. <!-- Android -->
          7. <meta property="al:android:url" content="applinks://docs">
          8. <meta property="al:android:app_name" content="App Links">
          9. <meta property="al:android:package" content="org.applinks">
          10. <!-- Web Fallback -->
          11. <meta property="al:web:url" content="http://applinks.org/documentation">
          12. <!-- More info: http://applinks.org/documentation/ -->
          最后——移動端常用的meta

          2. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
          3. <meta name="apple-mobile-web-app-capable" content="yes" />
          4. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
          5. <meta name="format-detection"content="telephone=no, email=no" />
          6. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
          7. <meta name="apple-mobile-web-app-capable" content="yes" /><!-- 刪除蘋果默認(rèn)的工具欄和菜單欄 -->
          8. <meta name="apple-mobile-web-app-status-bar-style" content="black" /><!-- 設(shè)置蘋果工具欄顏色 -->
          9. <meta name="format-detection" content="telphone=no, email=no" /><!-- 忽略頁面中的數(shù)字識別為電話，忽略email識別 -->
          10. <!-- 啟用360瀏覽器的極速模式(webkit) -->
          11. <meta name="renderer" content="webkit">
          12. <!-- 避免IE使用兼容模式 -->
          13. <meta http-equiv="X-UA-Compatible" content="IE=edge">
          14. <!-- 針對手持設(shè)備優(yōu)化，主要是針對一些老的不識別viewport的瀏覽器，比如黑莓 -->
          15. <meta name="HandheldFriendly" content="true">
          16. <!-- 微軟的老式瀏覽器 -->
          17. <meta name="MobileOptimized" content="320">
          18. <!-- uc強(qiáng)制豎屏 -->
          19. <meta name="screen-orientation" content="portrait">
          20. <!-- QQ強(qiáng)制豎屏 -->
          21. <meta name="x5-orientation" content="portrait">
          22. <!-- UC強(qiáng)制全屏 -->
          23. <meta name="full-screen" content="yes">
          24. <!-- QQ強(qiáng)制全屏 -->
          25. <meta name="x5-fullscreen" content="true">
          26. <!-- UC應(yīng)用模式 -->
          27. <meta name="browsermode" content="application">
          28. <!-- QQ應(yīng)用模式 -->
          29. <meta name="x5-page-mode" content="app">
          30. <!-- windows phone 點(diǎn)擊無高光 -->
          31. <meta name="msapplication-tap-highlight" content="no">
          32. <!-- 適應(yīng)移動端end -->
          .meta 標(biāo)簽介紹
          <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" name="keywords" content="HTML,前端,css">
        <title></title>
    </head>
    <body>
    </body>
</html>
          meta主要設(shè)置網(wǎng)頁中的一些元數(shù)據(jù)，元數(shù)據(jù)不是給用戶看的
          charset： 指定網(wǎng)頁的字符集
          name： 指定的數(shù)據(jù)的名稱
          content： 指定的數(shù)據(jù)的內(nèi)容

          2. meta 舉例使用
          1 - 定義文檔關(guān)鍵詞，用于搜索引擎：
          <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
          2 - 定義web頁面描述： <meta name="description" content="">
          3 - 定義頁面作者：
          <meta name="author" content="Tigger">
          4 - 每10秒刷新頁面：
          <meta http-equiv="refresh" content="10">
          5 - 頁面重定向：
          <meta http-equiv="refresh" content="10;url=https://www.baidu.com">

          3.meta 標(biāo)簽的屬性
          meta標(biāo)簽屬性.png

          `
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产拳头交一区二区|
亚洲一区二区三区四区视频|
人妻体内射精一区二区三四|
亚洲中文字幕一区精品自拍
|
国产一区二区视频免费|
人妻体内射精一区二区三区|
爆乳熟妇一区二区三区霸乳|
国产精品美女一区二区|
国产日产久久高清欧美一区|
亚洲无圣光一区二区
|
精品乱码一区二区三区在线|
亚洲av乱码一区二区三区|
国产无线乱码一区二三区
|
精品国产毛片一区二区无码|
人妻视频一区二区三区免费|
在线精品一区二区三区|
性色AV一区二区三区天美传媒|
3d动漫精品成人一区二区三|
亚洲综合一区二区国产精品|
一区二区视频在线|
亚洲国产一区二区三区青草影视|
国精产品一区二区三区糖心
|
亚洲国产一区二区视频网站|
能在线观看的一区二区三区|
国产伦精品一区二区|
国产AV天堂无码一区二区三区
|
国产一区二区四区在线观看|
久久精品国产一区二区三区不卡|
亚洲av无码天堂一区二区三区|
一区精品麻豆入口|
高清在线一区二区|
人妻无码一区二区三区四区|
精品国产一区二区三区AV性色|
国产一区二区三区夜色|
国99精品无码一区二区三区|
3d动漫精品一区视频在线观看|
亚洲AV噜噜一区二区三区|
国产伦精品一区二区|
国产免费一区二区三区在线观看|
精品一区二区三区免费毛片爱
|
综合无码一区二区三区四区五区
|