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 99色视频在线观看,国产精品天天看特色大片不卡,亚洲午夜视频在线 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          前端常用meta標(biāo)簽的作用以及全面整理
          
        
           
          
	
	
          
		
                        
          、定義
          <meta> 標(biāo)簽提供關(guān)于 HTML 文檔的元數(shù)據(jù)。它不會(huì)顯示在頁(yè)面上，但是對(duì)于機(jī)器是可讀的。可用于瀏覽器（如何顯示內(nèi)容或重新加載頁(yè)面），搜索引擎（關(guān)鍵詞），或其他 web 服務(wù)。
          2、作用
          meta里的數(shù)據(jù)是供機(jī)器解讀的，告訴機(jī)器該如何解析這個(gè)頁(yè)面，還有一個(gè)用途是可以添加服務(wù)器發(fā)送到瀏覽器的http頭部?jī)?nèi)容，例如我們?yōu)轫?yè)面中添加如下meta標(biāo)簽：

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

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

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

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

          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)
          各瀏覽器平臺(tái)
          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. <!-- 禁止自動(dòng)翻譯 -->
          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è)面將以應(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. <!-- 禁止自動(dòng)探測(cè)并格式化手機(jī)號(hào)碼 -->
          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/ -->
          最后——移動(dòng)端常用的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" /><!-- 忽略頁(yè)面中的數(shù)字識(shí)別為電話，忽略email識(shí)別 -->
          10. <!-- 啟用360瀏覽器的極速模式(webkit) -->
          11. <meta name="renderer" content="webkit">
          12. <!-- 避免IE使用兼容模式 -->
          13. <meta http-equiv="X-UA-Compatible" content="IE=edge">
          14. <!-- 針對(duì)手持設(shè)備優(yōu)化，主要是針對(duì)一些老的不識(shí)別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)擊無(wú)高光 -->
          31. <meta name="msapplication-tap-highlight" content="no">
          32. <!-- 適應(yīng)移動(dòng)端end -->
          天查Html手冊(cè)時(shí)，又有了新的發(fā)現(xiàn)。也就這機(jī)會(huì)，好好總結(jié)下HTML中Meta的使用。
          　　HTML <meta> 標(biāo)簽，所有瀏覽器都支持 <meta> 標(biāo)簽。它提供關(guān)于HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會(huì)顯示在頁(yè)面上，但是對(duì)于機(jī)器是可讀的。它可用于瀏覽器（如何顯示內(nèi)容或重新加載頁(yè)面），對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞，或其他 web 服務(wù)。
          　　<meta> 標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。<meta> 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對(duì)。
          　　在 HTML 中，<meta> 標(biāo)簽沒有結(jié)束標(biāo)簽,在 XHTML 中，<meta> 標(biāo)簽必須被正確地關(guān)閉。
          必要屬性
          屬性值描述contentsome text定義與http-equiv或name屬性相關(guān)的元信息
          可選屬性
          屬性值描述http-equivcontent-type / expire / refresh / set-cookie把content屬性關(guān)聯(lián)到HTTP頭部。nameauthor / description / keywords / generator / revised / others把 content 屬性關(guān)聯(lián)到一個(gè)名稱。contentsome text定義用于翻譯 content 屬性值的格式。
          • SEO優(yōu)化
          　　　　關(guān)鍵詞:類似這樣的 meta 標(biāo)簽可能對(duì)于進(jìn)入搜索引擎的索引有幫助.使用人們可能會(huì)搜索，并準(zhǔn)確描述網(wǎng)頁(yè)上所提供信息的描述性和代表性關(guān)鍵字及短語(yǔ)。標(biāo)記內(nèi)容太短，則搜索引擎可能不會(huì)認(rèn)為這些內(nèi)容相關(guān),標(biāo)記不應(yīng)超過 874 個(gè)字符。
          　　　　<meta name="keywords" content="HTML,ASP,PHP,SQL">
          　　　　頁(yè)面描述，每個(gè)網(wǎng)頁(yè)都應(yīng)有一個(gè)不超過 150 個(gè)字符且能準(zhǔn)確反映網(wǎng)頁(yè)內(nèi)容的描述標(biāo)簽
          　　<meta name="description" content="your description">
          　　　　搜索引擎索引方式，robotterms是一組使用逗號(hào)(,)分割的值，通常有如下幾種取值：none，noindex，nofollow，all，index和follow。確保正確使用nofollow和noindex屬性值。
          　　
          <meta name="robots" content="index,follow" />
          <!--
          all：文件將被檢索，且頁(yè)面上的鏈接可以被查詢；
          none：文件將不被檢索，且頁(yè)面上的鏈接不可以被查詢；
          index：文件將被檢索；
          follow：頁(yè)面上的鏈接可以被查詢；
          noindex：文件將不被檢索；
          nofollow：頁(yè)面上的鏈接不可以被查詢。
          -->
          　　頁(yè)面重定向和刷新：content內(nèi)的數(shù)字代表時(shí)間（秒），既多少時(shí)間后刷新。如果加url,則會(huì)重定向到指定網(wǎng)頁(yè)（搜索引擎能夠自動(dòng)檢測(cè)，也很容易被引擎視作誤導(dǎo)而受到懲罰）。
          　　<meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" /><!--5秒鐘后跳轉(zhuǎn)到http://www.w3school.com.cn-->
          　　<meta http-equiv="Refresh" content="5;" /><!--每5秒鐘刷新一下頁(yè)面-->
          • 移動(dòng)設(shè)備
          　　 viewport：能優(yōu)化移動(dòng)瀏覽器的顯示。如果不是響應(yīng)式網(wǎng)站，不要使用initial-scale或者禁用縮放。大部分4.7-5寸設(shè)備的viewport寬設(shè)為360px；5.5寸設(shè)備設(shè)為400px；iphone6設(shè)為375px；ipone6 plus設(shè)為414px。很多人使用initial-scale=1到非響應(yīng)式網(wǎng)站上，這會(huì)讓網(wǎng)站以100%寬度渲染，用戶需要手動(dòng)移動(dòng)頁(yè)面或者縮放。如果和initial-scale=1同時(shí)使用user-scalable=no或maximum-scale=1，則用戶將不能放大/縮小網(wǎng)頁(yè)來(lái)看到全部的內(nèi)容。
          　　　　　　content 參數(shù)：
          　　　　　　　　width viewport 寬度(數(shù)值/device-width)
          　　　　　　　　height viewport 高度(數(shù)值/device-height)
          　　　　　　　　initial-scale 初始縮放比例
          　　　　　　　　maximum-scale 最大縮放比例
          　　　　　　　　minimum-scale 最小縮放比例
          　　　　　　　　user-scalable 是否允許用戶縮放(yes/no)
          　　
          <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
          <!-- `width=device-width` 會(huì)導(dǎo)致 iPhone 5 添加到主屏后以 WebApp 全屏模式打開頁(yè)面時(shí)出現(xiàn)黑邊 -->
          　　
          　　各瀏覽器平臺(tái)

          　　Microsoft Internet Explorer
          <!-- 優(yōu)先使用最新的ie版本 -->
          <meta http-equiv="x-ua-compatible" content="ie=edge">
          <!-- 是否開啟cleartype顯示效果 -->
          <meta http-equiv="cleartype" content="on">
          <meta name="skype_toolbar" content="skype_toolbar_parser_compatible">
          <!-- 關(guān)于X-UA-Compatible -->
          <meta http-equiv="X-UA-Compatible" content="IE=6" ><!-- 使用IE6 -->
          <meta http-equiv="X-UA-Compatible" content="IE=7" ><!-- 使用IE7 -->
          <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
          <!-- Pinned Site -->
          <!-- IE 10 / Windows 8 -->
          <meta name="msapplication-TileImage" content="pinned-tile-144.png">
          <meta name="msapplication-TileColor" content="#009900">
          <!-- IE 11 / Windows 9.1 -->
          <meta name="msapplication-config" content="ieconfig.xml">　　
          　　Google Chrome
          <!-- 優(yōu)先使用最新的chrome版本 -->
          <meta http-equiv="X-UA-Compatible" content="chrome=1" />
          <!-- 禁止自動(dòng)翻譯 -->
          <meta name="google" value="notranslate">　
          　　360瀏覽器
          　　<!-- 選擇使用的瀏覽器解析內(nèi)核 -->
          <meta name="renderer" content="webkit|ie-comp|ie-stand">
          　　UC手機(jī)瀏覽器
          　　<!-- 將屏幕鎖定在特定的方向 -->
          <meta name="screen-orientation" content="landscape/portrait">
          <!-- 全屏顯示頁(yè)面 -->
          <meta name="full-screen" content="yes">
          <!-- 強(qiáng)制圖片顯示，即使是"text mode" -->
          <meta name="imagemode" content="force">
          <!-- 應(yīng)用模式，默認(rèn)將全屏，禁止長(zhǎng)按菜單，禁止手勢(shì)，標(biāo)準(zhǔn)排版，強(qiáng)制圖片顯示。 -->
          <meta name="browsermode" content="application">
          <!-- 禁止夜間模式顯示 -->
          <meta name="nightmode" content="disable">
          <!-- 使用適屏模式顯示 -->
          <meta name="layoutmode" content="fitscreen">
          <!-- 當(dāng)頁(yè)面有太多文字時(shí)禁止縮放 -->
          <meta name="wap-font-scale" content="no">
          　　QQ手機(jī)瀏覽器
          <!-- 鎖定屏幕在特定方向 -->
          <meta name="x5-orientation" content="landscape/portrait">
          <!-- 全屏顯示 -->
          <meta name="x5-fullscreen" content="true">
          <!-- 頁(yè)面將以應(yīng)用模式顯示 -->
          <meta name="x5-page-mode" content="app">
          　　Apple iOS
          <!-- Smart App Banner -->
          <meta name="apple-itunes-app" content="app-id=APP_ID,affiliate-data=AFFILIATE_ID,app-argument=SOME_TEXT">
          <!-- 禁止自動(dòng)探測(cè)并格式化手機(jī)號(hào)碼 -->
          <meta name="format-detection" content="telephone=no">
          <!-- Add to Home Screen添加到主屏 -->
          <!-- 是否啟用 WebApp 全屏模式 -->
          <meta name="apple-mobile-web-app-capable" content="yes">
          <!-- 設(shè)置狀態(tài)欄的背景顏色,只有在 “apple-mobile-web-app-capable” content=”yes” 時(shí)生效 -->
          <meta name="apple-mobile-web-app-status-bar-style" content="black">
          <!-- 添加到主屏后的標(biāo)題 -->
          <meta name="apple-mobile-web-app-title" content="App Title">
          　　Google Android
          <meta name="theme-color" content="#E64545">
          <!-- 添加到主屏 -->
          <meta name="mobile-web-app-capable" content="yes">
          <!-- More info: https://developer.chrome.com/multidevice/android/installtohomescreen -->
          App Links
          <!-- iOS -->
          <meta property="al:ios:url" content="applinks://docs">
          <meta property="al:ios:app_store_id" content="12345">
          <meta property="al:ios:app_name" content="App Links">
          <!-- Android -->
          <meta property="al:android:url" content="applinks://docs">
          <meta property="al:android:app_name" content="App Links">
          <meta property="al:android:package" content="org.applinks">
          <!-- Web Fallback -->
          <meta property="al:web:url" content="http://applinks.org/documentation">
          <!-- More info: http://applinks.org/documentation/ -->
          　　其它常用的meta
          <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
          <meta name="apple-mobile-web-app-capable" content="yes" />
          <meta name="apple-mobile-web-app-status-bar-style" content="black" />
          <meta name="format-detection"content="telephone=no, email=no" />
          <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
          <meta name="apple-mobile-web-app-capable" content="yes" /><!-- 刪除蘋果默認(rèn)的工具欄和菜單欄 -->
          <meta name="apple-mobile-web-app-status-bar-style" content="black" /><!-- 設(shè)置蘋果工具欄顏色 -->
          <meta name="format-detection" content="telphone=no, email=no" /><!-- 忽略頁(yè)面中的數(shù)字識(shí)別為電話，忽略email識(shí)別 -->
          <!-- 啟用360瀏覽器的極速模式(webkit) -->
          <meta name="renderer" content="webkit">
          <!-- 避免IE使用兼容模式 -->
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <!-- 針對(duì)手持設(shè)備優(yōu)化，主要是針對(duì)一些老的不識(shí)別viewport的瀏覽器，比如黑莓 -->
          <meta name="HandheldFriendly" content="true">
          <!-- 微軟的老式瀏覽器 -->
          <meta name="MobileOptimized" content="320">
          <!-- uc強(qiáng)制豎屏 -->
          <meta name="screen-orientation" content="portrait">
          <!-- QQ強(qiáng)制豎屏 -->
          <meta name="x5-orientation" content="portrait">
          <!-- UC強(qiáng)制全屏 -->
          <meta name="full-screen" content="yes">
          <!-- QQ強(qiáng)制全屏 -->
          <meta name="x5-fullscreen" content="true">
          <!-- UC應(yīng)用模式 -->
          <meta name="browsermode" content="application">
          <!-- QQ應(yīng)用模式 -->
          <meta name="x5-page-mode" content="app">
          <!-- windows phone 點(diǎn)擊無(wú)高光 -->
          <meta name="msapplication-tap-highlight" content="no">
          <!-- 適應(yīng)移動(dòng)端end -->
          • 網(wǎng)頁(yè)相關(guān)
          　　網(wǎng)頁(yè)編碼：以下兩種charset定義方式均可

          <meta charset="utf-8">
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          　　禁止緩存：禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容，網(wǎng)頁(yè)不保存在緩存中，每次訪問都刷新頁(yè)面。這樣設(shè)定，訪問者將無(wú)法脫機(jī)瀏覽
          <meta http-equiv="Pragma" content="no-cache">
          　　網(wǎng)頁(yè)過期：指定網(wǎng)頁(yè)在緩存中的過期時(shí)間，一旦網(wǎng)頁(yè)過期，必須到服務(wù)器上重新調(diào)閱。注意：必須使用GMT的時(shí)間格式，或直接設(shè)為0（數(shù)字表示多少時(shí)間后過期）
          <Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">
          　　Cookie設(shè)置：注意：必須使用GMT的時(shí)間格式
          <Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/">
          　　顯示窗口的設(shè)定：強(qiáng)制頁(yè)面在當(dāng)前窗口以獨(dú)立頁(yè)面顯示，這個(gè)屬性是用來(lái)防止別人在框架里調(diào)用你的頁(yè)面。Content選項(xiàng)：_blank、_top、_self、_parent.
          <Meta http-equiv="Widow-target" Content="_top">
          　　進(jìn)入與退出：這個(gè)是頁(yè)面被載入和調(diào)出時(shí)的一些特效。這個(gè)有好多特效，可以查詢Page-Exit去了解更多。
          　　<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
          • 安全相關(guān)
          　　內(nèi)容安全策略CSP（Content-Security-Policy）,可以參考https://blog.csdn.net/u014465934/article/details/84199171
          <meta http-equiv="Content-Security-Policy" content="script-src 'self'">

          喜歡小編的可以點(diǎn)個(gè)贊關(guān)注小編哦，小編每天都會(huì)給大家分享文章。
          我自己是一名從事了多年的前端老程序員，小編為大家準(zhǔn)備了新出的前端編程學(xué)習(xí)資料，免費(fèi)分享給大家！
          如果你也想學(xué)習(xí)前端，可以觀看【置頂】文章。也可以私信【1】拿
          .什么是框架
          框架將瀏覽器劃分成不同的部分，每一部分加載不同的網(wǎng)頁(yè)，實(shí)現(xiàn)在同一瀏覽器窗口中加載多個(gè)頁(yè)面的效果
          2.frameset 劃分框架標(biāo)簽
          1）語(yǔ)法格式
          <frameset>....</frameset>
          2）屬性
          1.cols：使用“像素?cái)?shù)”和%分割左右窗口，“*”表示剩余部分；如果使用“*”,“*”表示框架平均分成2個(gè)；如果使用“*”,“*”,“*”表示框架平均分成3個(gè)。
          2.rows：使用“像素?cái)?shù)”和%分割上下窗口，“*”表示剩余部分。
          3.frameborder：指定是否顯示邊框，0不顯示，1顯示。
          4.border：設(shè)置邊框的大小，默認(rèn)值5像素。
          3）frame 子窗口標(biāo)簽
          1.定義
          frame 標(biāo)記是一個(gè)單標(biāo)記，該標(biāo)記必須放在 frameset 中使用，在 frameset 中設(shè)置了幾個(gè)窗口，就必須對(duì)應(yīng)使用幾個(gè) frame 框架，而且還必須使用 src 屬性指定一個(gè)網(wǎng)頁(yè)。
          2.屬性
          1. src：加載網(wǎng)頁(yè)文件的URL地址
          2. name：框架名稱，是鏈接標(biāo)記的target所要參數(shù)
          3. noresize：表示不能調(diào)整框架大小，沒有設(shè)置時(shí)就可以調(diào)整
          4. scrolling：是否需要滾動(dòng)條：auto（根據(jù)需要自動(dòng)出現(xiàn)）、yes（有）、no（無(wú)）
          5. frameborder：是否需要邊框：1（顯示邊框）0（不顯示邊框）
          3.舉例
          <!DOCTYPE html><html>  <head>    <meta charset="utf-8">    <title>文檔標(biāo)題</title>  </head>  <frameset cols="*,*" frameborder="0">    <frame src="https://www.taobao.com" noresize>    <frame src="https://www.baidu.com" noresize>  </frameset></html>
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产成人片视频一区二区|
亚洲一区中文字幕|
无码人妻aⅴ一区二区三区有奶水|
久久精品国产一区二区|
国产在线第一区二区三区|
午夜肉伦伦影院久久精品免费看国产一区二区三区|
亚洲大尺度无码无码专线一区
|
国产在线精品一区二区不卡|
精品aⅴ一区二区三区|
一区二区三区四区视频|
成人精品一区二区电影|
一区二区三区杨幂在线观看|
国产午夜福利精品一区二区三区
|
亚洲国产成人久久一区久久|
激情内射亚州一区二区三区爱妻|
在线精品亚洲一区二区三区
|
国产伦精品一区二区三区免.费
|
精品国产一区二区三区AV性色|
中文字幕人妻无码一区二区三区|
亚洲天堂一区在线|
日韩少妇无码一区二区三区|
国产精品区一区二区三在线播放
|
日韩一区二区三区不卡视频|
亚洲熟女乱综合一区二区|
91在线一区二区三区|
日韩一区二区精品观看|
色窝窝无码一区二区三区|
精品一区二区三区3d动漫|
日韩亚洲一区二区三区|
欲色影视天天一区二区三区色香欲|
久久一区二区三区免费播放|
日韩视频一区二区在线观看|
中文字幕一区二区三区精华液|
国精产品一区一区三区MBA下载|
日本精品一区二区三区在线观看|
福利片福利一区二区三区|
一区二区三区精密机械|
国产精品99无码一区二区|
成人毛片一区二区|
精品无码人妻一区二区三区品
|
亚洲国产一区在线观看|