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 中文字字幕码一二区,老年人一级毛片,国产成人a一区二区 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          如何實(shí)現(xiàn)注入html的中文不顯示亂碼？
          
        
           
          
	
	
          
		
                        
          景說明
          假設(shè)需要劫持http響應(yīng)并在html頁面中注入一段js代碼后再傳回瀏覽器，實(shí)現(xiàn)在瀏覽器出現(xiàn)一個(gè)彈框消息提醒。
          由于原始html頁面編碼格式存在UTF-8、GBK等多種編碼格式，如果注入的js包含中文消息的話，那么在UTF-8或GBK編碼的頁面就會(huì)有一個(gè)出現(xiàn)亂碼。有沒有辦法做到不管是針對GBK、UTF-8編碼的頁面都能做到正常顯示而不會(huì)出現(xiàn)亂碼哪？
          產(chǎn)生亂碼的原因
          首先來分析一下產(chǎn)生亂碼的原因，我們在瀏覽器看到的信息都是通過圖形學(xué)手段在顯示器上呈現(xiàn)出來的，而實(shí)際保存在計(jì)算機(jī)硬件上的都是0和1（因?yàn)橛?jì)算機(jī)實(shí)現(xiàn)是基于二進(jìn)制），那么計(jì)算機(jī)要顯示、傳遞信息就需要依靠一套規(guī)則把一串串的0和1識(shí)別為正確的字符，這就是編碼。
          例如01000001在ASCII編碼規(guī)則下對應(yīng)字母A。相同的0/1串，不同的編碼解析出的字符一般是不同的，因此如果html頁面按照UTF-8的編碼解析正常，那么按照GBK的編碼解析就會(huì)是亂碼了。根據(jù)上面的示意圖，假設(shè)注入的js代碼為utf-8編碼格式，而原始html編碼格式也為UTF-8編碼格式，那么最終注入這部分中的中文就能正常顯示，但是如果原始html為GBK編碼，那注入的這部分js代碼的中文就會(huì)顯示亂碼。
          解決辦法
          有一種unicode統(tǒng)一編碼字符集，目標(biāo)是把所有文字、字符統(tǒng)一編碼，也就是一串0/1組合在unicode字符集下對應(yīng)的字符是唯一的，不會(huì)存在歧義。而js是支持解析unicode字符的，那么就可以在注入js中把要顯示的消息統(tǒng)一轉(zhuǎn)換為unicode編碼，瀏覽器端去解析這個(gè)unicode編碼，這樣不管原始html是UTF-8還是GBK，都能正常顯示中文。
          原始注入js代碼關(guān)于中文字符的部分
          // utf-8編碼格式
let message = "中文";
          解決亂碼的注入js代碼關(guān)于中文字符的部分
          // utf-8編碼格式
let message = "\\u4e2d\\u6587";  // 這個(gè)編碼對應(yīng)上面的message"中文"
          注意：
          1. 注入的js代碼仍然是utf-8編碼格式，只是消息內(nèi)容轉(zhuǎn)換為unicode編碼的形式；
          2. unicode中0x4e2d表示的0/1串對應(yīng)漢字"中"，0x6587對應(yīng)的0/1串對應(yīng)漢字"文";
          3. message其實(shí)也不是真正的unicode編碼，它只是普通的字符串，只是使用了unicode對應(yīng)的碼點(diǎn)（也就是二進(jìn)制對應(yīng)的數(shù)值），因?yàn)榭梢岳眠@個(gè)碼點(diǎn)在瀏覽器中恢復(fù)出正確的字符，事實(shí)上unicode字符集并沒有規(guī)定具體的編碼格式。
          TML 實(shí)例
          <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p></body></html>
          實(shí)例解析
          • DOCTYPE 聲明了文檔類型
          • 位于標(biāo)簽 <html> 與 </html> 描述了文檔類型
          • 位于標(biāo)簽 <body> 與 </body> 為可視化網(wǎng)頁內(nèi)容
          • 位于標(biāo)簽 <h1> 與 </h1> 作為一個(gè)標(biāo)題使用
          • 位于標(biāo)簽 <p> 與 </p> 作為一個(gè)段落顯示
          <!DOCTYPE html> 在HTML5中也是描述了文檔類型。
           什么是HTML?
          HTML 是用來描述網(wǎng)頁的一種語言。
          • HTML 指的是超文本標(biāo)記語言: HyperText Markup Language
          • HTML 不是一種編程語言，而是一種標(biāo)記語言
          • 標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)
          • HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
          • HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容
          • HTML文檔也叫做 web 頁面
           HTML 標(biāo)簽
          HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。
          • HTML 標(biāo)簽是由尖括號包圍的關(guān)鍵詞，比如 <html>
          • HTML 標(biāo)簽通常是成對出現(xiàn)的，比如 <b> 和 </b>
          • 標(biāo)簽對中的第一個(gè)標(biāo)簽是開始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
          • 開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽
          <標(biāo)簽>內(nèi)容</標(biāo)簽>
           HTML 元素
          "HTML 標(biāo)簽" 和 "HTML 元素" 通常都是描述同樣的意思.
          但是嚴(yán)格來講, 一個(gè) HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽，如下實(shí)例:
          HTML 元素:
          <p>這是一個(gè)段落。</p>
           Web 瀏覽器
           Web瀏覽器（如谷歌瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）是用于讀取HTML文件，并將其作為網(wǎng)頁顯示。
          瀏覽器并不是直接顯示的HTML標(biāo)簽，但可以使用標(biāo)簽來決定如何展現(xiàn)HTML頁面的內(nèi)容給用戶：
           HTML 網(wǎng)頁結(jié)構(gòu)
          下面是一個(gè)可視化的HTML頁面結(jié)構(gòu)：
          <html>
          <head>
          <title>頁面標(biāo)題</title>
          </head>
          <body>
          <h1>這是一個(gè)標(biāo)題</h1>
          <p>這是一個(gè)段落。</p>
          <p>這是另外一個(gè)段落。</p>
          </body>
          </html>
          只有 <body> 區(qū)域 (白色部分) 才會(huì)在瀏覽器中顯示。
           HTML版本
          從初期的網(wǎng)絡(luò)誕生后，已經(jīng)出現(xiàn)了許多HTML版本:
          版本發(fā)布時(shí)間
          HTML1991
          HTML+1993
          HTML 2.01995
          HTML 3.21997
          HTML 4.011999
          XHTML 1.02000
          HTML52012
          XHTML52013
           <!DOCTYPE> 聲明
          <!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁。
          網(wǎng)絡(luò)上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網(wǎng)頁內(nèi)容。
          doctype 聲明是不區(qū)分大小寫的，以下方式均可：
          <!DOCTYPE html> 
          <!DOCTYPE HTML> 
          <!doctype html> 
          <!Doctype Html>
          通用聲明
          HTML5
          <!DOCTYPE html>
          HTML 4.01
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
          XHTML 1.0
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          查看完整網(wǎng)頁聲明類型 DOCTYPE 參考手冊。
           中文編碼
           目前在大部分瀏覽器中，直接輸出中文會(huì)出現(xiàn)中文亂碼的情況，這時(shí)候我們就需要在頭部將字符聲明為 UTF-8。
           HTML 實(shí)例
           <!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁面標(biāo)題</title></head><body><h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p></body></html>
          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
          版規(guī)則
          縮進(jìn)
          使用2個(gè)空格縮進(jìn)
          <ul>
  <li>Fantastic</li>
  <li>Great</li>
</ul>
          .example {
  color: blue;
}
          大小寫
          只允許使用小寫。
          所有的代碼都用小寫字母：適用于元素名，屬性，屬性值（除了文本和CDATA）， 選擇器，特性，特性值（除了字符串）。
          <!-- 不推薦 -->
<A HREF="/">Home</A>
          <!-- 推薦 -->
<img src="google.png"
alt="Google">
          行為空格
          建議刪除行尾白空格。
          <!-- 不推薦 -->
<p>What?  </p>
          <!-- 推薦 -->
<p>Yes please.</p>
          常規(guī)Meta規(guī)則
          編碼
          如果沒有特殊需求，一般采用utf-8編碼。如果是cms站點(diǎn)，則遵守該站點(diǎn)的編碼規(guī)則。
          <!-- 網(wǎng)頁編碼 -->
<meta charset="utf-8">
          注釋
          盡可能的去解釋你寫的代碼。說明該代碼包括什么、目的是什么、能做什么、為什么使用它等。
          注釋是否需要詳盡，取決于項(xiàng)目的復(fù)雜程度。
          一般單行注釋：
          <!-- col -->
          模塊間注釋：
          <!-- news -->
<div class="news">
  <h2>News</h2>
  <p>...</p>
</div>
<!--/ news -->
          循環(huán)注釋：
          <ul>
  <!-- loop: new list -->
  <li>new's title 1</li>
  <li>new's title 2</li>
  <li>new's title 3</li>
  <li>new's title 4</li>
  <li>new's title 5</li>
  <!-- /loop: new list -->
</ul>
          cms輸出注釋：
          <!-- cms: news list -->
<ul>
  <li>new's title 1</li>
  <li>new's title 2</li>
  <li>new's title 3</li>
  <li>new's title 4</li>
  <li>new's title 5</li>
</ul>
<!-- /cms: news list -->
          Tab選項(xiàng)卡內(nèi)容注釋：
          <!-- tab: news list -->
<div class="tab"></div>
<!-- /tab: news list -->
          常規(guī)HTML設(shè)計(jì)規(guī)則
          文檔類型
          使用html5文檔聲明，不再使用XHTML（application/xhtml+xml）。
          HTML5是目前所有HTML文檔類型中的首選：
          <!DOCTYPE html>
          HTML 的正確性
          編寫有效、正確的HTML代碼，否則很難達(dá)到性能上的提升。
          可以使用一些工具驗(yàn)證你的代碼，如 W3C HTML validator
          HTML 的語義性
          根據(jù)HTML各個(gè)元素的用途而去使用它們。
          <!-- 不推薦 -->
<div class="col">
  <div class="title">
news</div>
  <p>list1</p>
  <p>list2</p>
  <p>list3</p>
</div>
          <!-- 推薦 -->
<div class="col">
  <h2 class="title">
news</h2>
  <p>list1</p>
  <p>list2</p>
  <p>list3</p>
</div>
          部分標(biāo)簽說明：
          • div 主要用于布局，分割頁面的結(jié)構(gòu);
          • ul/ol 主要用于無序/有序列表;
          • dl/dt/dd 當(dāng)頁面中出現(xiàn)第一行為類似標(biāo)題/簡述，然后下面為詳細(xì)描述的內(nèi)容時(shí)應(yīng)該使用該標(biāo)簽;
          • span 沒有特殊的意義，可以用作排版的輔助，然后在css中定義span;
          • h1-h6 標(biāo)題, 根據(jù)重要性依次遞減;
          • h1 最重要的標(biāo)題;
          • label 使表單更有親和力而且能輔助表單排版;
          不推薦使用的標(biāo)簽：
          • font 文字的外觀，大小和顏色;
          • u 文本下劃線;
          • center 居中對齊;
          • s 刪除線;
          • strike 刪除線;
          • noframes 無視框時(shí)的內(nèi)容;
          • iframe 定義嵌入視圖;
          • isindex 不建議使用（可搜尋，使用input代替）;
          • dir 目錄式列舉;
          • menu 菜單列表;
          • basefont 定義基本字體;
          • applet 定義java程序;
          • frame 定義個(gè)別視框;
          • frameset 視框格式總定義;
          多媒體元素降級處理
          給多媒體元素，比如canvas、videos、 images增加alt屬性，提高可用性（特別是常用的img標(biāo)簽，盡可量得加上alt屬性，提供圖片的描述信息）。
          <!-- 不推薦 -->
<img src="world.jpg">
          <!-- 推薦 -->
<img src="world.jpg"
alt="our world images">
          type屬性
          在樣式表和腳本的標(biāo)簽中忽略type屬性。
          HTML5默認(rèn)type為text/css和text/javascript類型，所以沒必要指定。即便是老瀏覽器也是支持的。
          <!-- 不推薦 -->
<link rel="stylesheet"
 href="//www.google.com/css/maia.css"
 type="text/css">
<script src="
 //www.google.com/
 js/gweb/analytics/autotrack.js"
 type="text/javascript">
 </script>
          <!-- 推薦 -->
<link rel="stylesheet"
 href="//www.google.com/css/maia.css">
<script src="
 //www.google.com/
 js/gweb/analytics/autotrack.js">
 </script>
          HTML代碼格式規(guī)則
          每個(gè)塊元素、列表元素或表格元素都獨(dú)占一行，每個(gè)子元素都相對于父元素進(jìn)行縮進(jìn)。按設(shè)計(jì)稿劃分模塊，盡量使頁面模塊化，模塊與模塊之前要有清晰的注釋。
          如上面頁面框架，推薦寫法：
          <!-- hader -->
<div class="header">header</div>
<!-- /hader -->
<!-- nav -->
<div class="nav">nav</div>
<!-- /nav -->
<!-- main -->
<div class="main">
  <!-- container -->
  <div class="container">
    <!--news-->
    <div class="news">
      <h2>news<h2>
      <p>...</p>
    </div>
    <!--news-->
  </div>
  <!--/container-->
  <!--sidebar-->
  <div class="sidebar">
sidebar</div>
  <!--sidebar-->
</div>
<!--/main-->
<!--footer-->
<div class="footer">
footer</div>
<!--/footer-->
          HTML與SEO
          頁面良好層次
          保證整個(gè)頁面在未加載樣式表時(shí)仍有較好的層次清晰的頁面結(jié)構(gòu)。
          <!-- 不推薦 -->
<div class="logo">My Site</div>
<div class="nav">
  <a href="#">Home</a>
  <a href="#">News</a>
  <a href="#">Mobile</a>
</div>
<div class="news">
  <div>News</div>
  <a href="#">
news list 1</a>
  <a href="#">
news list 2</a>
  <a href="#">
news list 3</a>
</div>
          <!-- 推薦 -->
<h1 class="logo">My Site</h1>
<ul class="nav">
  <li><a href="#">
Home</a></li>
  <li><a href="#">
News</a></li>
  <li><a href="#">
Mobile</a></li>
</ul>
<div class="news">
  <h2>News</h2>
  <ul>
    <li><a href="#">
news list 1</a>
</li>
    <li><a href="#">
news list 2</a>
</li>
    <li><a href="#">
news list 3</a>
</li>
  </ul>
</div>
          權(quán)重標(biāo)簽使用
          H標(biāo)簽使用
          • h1 權(quán)重高，體現(xiàn)當(dāng)前網(wǎng)頁中相對比較重要的信息，但不宜過多，建議一個(gè)頁面只放一個(gè);
          • h2 可以做副標(biāo)題;
          • h3 可以做新聞列表;
          • h4-h6 可做相關(guān)新聞的列表標(biāo)簽屬性完整;
          strong、b使用
          將需要加粗的文字使用b標(biāo)簽來顯示。
          將需要強(qiáng)調(diào)的文字（主要指包含關(guān)鍵詞的信息）使用strong標(biāo)簽來強(qiáng)調(diào)主要內(nèi)容。
          注：b是粗體標(biāo)簽，屬于實(shí)體標(biāo)簽，它所包圍的字符將被設(shè)為bold（粗體）；strong 是加重語氣標(biāo)簽，屬于邏輯標(biāo)簽，它的作用是加強(qiáng)字符語氣。
          標(biāo)簽屬性使用
          在很多情況下，a都要使用title來說明該鏈接的相關(guān)說明或目的意義。
          例如：當(dāng)使用overflow隱藏掉a中的溢出文字時(shí)，該a中的title是必不可少的，它可以告訴用戶被隱藏掉的文字內(nèi)容是什么；又或者當(dāng)一個(gè)圖片型鏈接出現(xiàn)時(shí)，該a中的title同樣是必不可少的，它可以告訴用戶這個(gè)圖片鏈接是做什么用的。
          注：僅在img里添加alt標(biāo)簽在火狐提示文字是出不來的，alt是圖片加載失敗或未加載完全時(shí)顯示出來的提示文字，要想鼠標(biāo)移上去顯示提示信息應(yīng)該用title，嚴(yán)謹(jǐn)?shù)膶懛ㄊ莍mg里加入alt和title這兩個(gè)標(biāo)簽。
          精簡代碼
          代碼保持精簡，最優(yōu)化，這樣搜索引擎才更喜歡。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
日韩在线不卡免费视频一区
|
日韩毛片基地一区二区三区|
国产伦精品一区二区三区视频猫咪
|
亚洲国产一区二区视频网站|
久久99国产精品一区二区|
国产成人欧美一区二区三区|
亚洲国产一区在线|
国产精品区AV一区二区|
糖心vlog精品一区二区三区|
69福利视频一区二区|
久久久精品人妻一区二区三区四|
日本一区午夜艳熟免费|
国产伦精品一区二区免费|
精品成人一区二区三区四区|
福利一区二区视频|
又紧又大又爽精品一区二区|
国内精品一区二区三区在线观看|
亚洲综合一区二区三区四区五区|
精品国产乱子伦一区二区三区
|
国产一区二区视频免费|
手机福利视频一区二区|
国产精品熟女视频一区二区|
日韩精品一区二区三区毛片|
欧美日韩一区二区成人午夜电影
|
国精品无码一区二区三区在线蜜臀|
国产在线观看精品一区二区三区91
|
日本一区二区三区久久|
色婷婷亚洲一区二区三区|
精品日韩一区二区|
一区精品麻豆入口|
国精无码欧精品亚洲一区|
亚洲视频在线一区|
亚洲国产欧美日韩精品一区二区三区|
中文激情在线一区二区|
国产一区二区在线观看视频
|
麻豆精品人妻一区二区三区蜜桃
|
亚洲AV无码一区二区大桥未久
|
无码人妻视频一区二区三区|
国产精品高清一区二区三区不卡
|
日本强伦姧人妻一区二区|
大屁股熟女一区二区三区|