IE瀏覽器中，使用PHPExcel導出文件時，文件名中文亂碼情況處理

1.當我們使用IE內核的瀏覽器下在PHPExcel報表時(谷歌、火狐瀏覽器正常， IE瀏覽器，360瀏覽器的兼容模式報錯)，會出現如下錯誤：

2.解決辦法：

在下載文件時，對當前的瀏覽器進行判斷，

如果是IE內核的瀏覽器的話，進行文件名的轉碼，

若不是IE內核的瀏覽器，則不用。

關鍵代碼如下：

.昨日回顧

計算機編碼

所謂“編碼”就是用什么二進制來表示一個字符。比如：a對應101，b對應110

101010010100101001010011101001010010110100101010

ASCII編碼：用7位或8位(1個字節)二進制來表示一個字符，最多表示256個字符。

ANSI編碼：就是不同國家，想使用計算機來處理本國語言。

中國，ANSI就是指GB2312或GBK。

臺灣，ANSI就是指BIG5

每個操作系統都內置了一套編碼體系，就是所謂“字符集”。

例如：中文操作系統的默認編碼是GB2312.，用計事本編網頁，如果沒有指定字符集，則默認就是GB2312.

GB2312編碼：用2個字節(二進制16位)，理論上可以表示2^16=65536個漢字。

例如：“國” 用二進制表示 1110101010101110

GBK編碼，用2個字節來表示一個字符。它的容量要比GB2312大的多。

Unicode編碼，用4個字節來表示一個字符，它可以容納下全世界的所有字符。過于龐大，下載文件時間長，效率不高

UTF-8編碼，Unicode Transform Fromat統一格式轉換。不同字符會自動選擇長度來表示。比如：a用1個字節，漢字用兩個字符。

<meta>標記：其中的設置或內容是給瀏覽器軟件本身用的或搜索引擎用的

設置字符集：<meta http-equiv=“content-type”content=“text/html;charset=GB2312”/>

保證網頁不出現亂碼：在一開始時，就要把編輯環境和<meta>字符集設置好，并且不要經常更換字符集。

站點：就是代表一個網站。一個站點中要有相應的目錄的規則。

2.表格標記

<table>

<tr>

<td>編號</td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

</table>

說明：<table>表示表格，<tr>表示行，<td>表示單元格，內容放在<td>中。

標題單元格：<th></th>中的內容會自動加粗居中顯示；

普通單元格：<td></td>中的內容是默認樣式。

<table>的常用屬性

Width：表格的寬度，取值：固定值或百分比

在JS中，稱HTML標記為“元素”，比如：td元素、body元素

Height：表格的高度

Border：指定表格的邊框粗細

bgColor：表格的背景色

background：背景圖的URL。比如：background=“images/bg.gif”

align：表格水平對齊，取值：left center right

cellpadding：指單元格與文字之間的距離，也稱“內填充距離”

cellspacing：指兩個單元格之間的距離，也稱“間距”

<tr>的常用屬性

Align：水平對齊，取值：left center right

Valign：垂直對齊，取值：top middle bottom

bgColor：行的背景色

height：指行高

<td>或<th>的常用屬性

Width：單元格的寬度

Height：單元格的高度

Align：水平對齊

Valign：垂直對齊

bgColor：背景顏色

background：背景圖片

rowspan：合并多行的單元格，跨行合并

colspan：合并多列的單元格，跨列合并

注意：單元格合并的屬性rowspan和colspan應該放在第一個單元格中，合并后要進行相應的刪除，以保證一個行的單元格個數相同。

<caption></caption>表格表題標記

<caption>是<table>的子標記，緊跟<table>開始標記，在所有<tr>標記之前。

常用的屬性align

3.綜合實例：汽車裝飾有限公司首頁

網站制作的一個流程

（1）網站設計的方案

（1）由設計人員出效果圖

（2）制作人員根據設計圖，把設計圖的大圖片，切割成多個小圖片；

（3）由制作人員，使用HTML+CSS再排成原來大圖的效果

（4）程序人員，根據效果圖，再做后臺程序開發

（5）將前臺頁面和后臺程序整合在齊，構成一個完整的網站。

（6）交由客戶進行審閱

用表格來排版網頁

1）確定主頁的寬度，最寬不超過1000px，最低700以上。

2）主頁一般都是絕對居中

3）網頁的背景色或背景圖片

4）flash的擴展名.swf

汽車裝飾公司網站首頁的結構圖

HTML代碼注釋：<!—網頁注釋的內容-->

4.圖片熱點(圖像地圖)：在一張圖片上增加多個鏈接

<img src=“images/index_02.jpg” usemap=“#Map” />

<map id=“Map”>

<area shape=“熱點的類型” coords=“坐標” href=“鏈接” alt=“提示信息” />

<area shape=“熱點的類型” coords=“坐標” href=“鏈接” alt=“提示信息” />

<area shape=“熱點的類型” coords=“坐標” href=“鏈接” alt=“提示信息” />

</map>

<area>的常用屬性

Shaple：指熱點的形狀，取值：rect(矩形) circle(圓形)polygon(多邊形)

Coords：執熱點的坐標或范圍。

Rect類型：坐標為 coords=x1,y1,x2,y2 ，x1,y1表示矩形左上角的坐標值，x2,y2表示矩形的右下角坐標值

Circle類型：坐標為coords=x1,y1,r，x1,y1表示圓心坐標，r表示半徑

Polygon類型：坐標為coords=x1,y1,x2,y2,x3,y3,……，表示每個頂點的坐標

5.多媒體標記（以Flash為主講解）

網頁上的所有視頻，基本都是Flash格式。將所有其它的視頻轉成了Flash格式，因為Flash格式所有的瀏覽器基本上都兼容，參數各個瀏覽器都差不多。

視頻轉換工具：格式工廠

Wmv一小時大小為150MB左右，若轉成Flash，尺寸將縮小80%左右。

avi mpeg dat

<embed></embed>多媒體標記

不是W3C推薦的，一般用于Netscape瀏覽器(以Firefox為核心)。

常用的屬性：

Src：引入外部的視頻文件

Width：界面的寬度

Height：界面的高度

Type：指播放的文件格式

Pluginspage：指Flash插件的下載地址。

Wmode：指Flash是否為透明背景，取值：transparent(透明)

Quality：指播放質量，取值：high(高質量) low(低)

<object></object>多媒體標記

是W3C推薦的多媒體標記，一般用于IE瀏覽器。

<param />該標記是<object>的子標記，主要用來設置參數。

<object width=“寬度” height=“高度” classid=“產品ID號” codebase=“插件下載地址”>

<param name=“movie” value=“images/banner.swf” />

<param name=“wmode” value=“transparent” />

<param name=“quality” value=“high” />

<embed width=“寬度” height=“高度” type=“文件類型” pluginspage=“下載地址”></embed>

</object>

下面是播放Flash的代碼

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="778" height="202">

<param name="movie" value="images/banner.swf">

<param name="quality" value="high">

<param name="wmode" value="transparent">

<embed src="images/banner.swf" width="778" height="202" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>

</ object>

線代碼對比工具是一款免費的在線文本對比工具，無需注冊，可以在線對兩段文本進行對比，檢測/比較兩個文本有什么不同的差異，以便修改，常用于程序代碼。

工具地址：http://www.matools.com/compare

使用這個在線工具的好處就是不需要人工查看，尤其是大文件，有幾百上千行的代碼，這時候就建議使用比較工具了，不用浪費過多時間去尋找。該工具支持utf-8, gbk,gb2312等不同格式的文本，可以在線對比html, php, css, asp, js等代碼，這對于程序員來說是非常方便！

比起同類軟件Beyond compare、DiffMerge、WinMerge等可能功能不夠強大，但這個在線工具更方便，不需要安裝，對于只需要比較文件功能的用戶來說，碼工具的在線對比工具是很好的一個選擇。

由于IE全系列對HTML5的Canvas以及File API支持不好，推薦使用Chrome、Firefox瀏覽器，另外請選擇正確的文件編碼方式以免出現亂碼或者顯示錯誤。