怎樣的網站才是標准網站及使用Linux下IE浏覽器？

首先我們來看一下一些網絡上搜索的的關於“標准網站的討論”，這裡摘錄的文字主要來自http://www.xker.com/Html/wysj/wyxg/20060116627.html和http://www.showme99.com/yemian/18/40008.htm 然後我們再來看看如何在Linux下浏覽那些不符合標准的網站吧。 如果大家想了解更多可以去http://webstandards.org/看看，也可以直接去w3c.org看。 簡單來說，一個標准網站應該不是只能用Microsoft Internet Explorer才可以浏覽的吧？ 一.什麼是網站標准 　　網站標准不是某一個標准，而是一系列標准的集合。網頁主要由三部分組成:結構(Structure)、表現(Presentation)和行為(Behavior)。對應的標准也分三方面:結構化標准語言主要包括XHTML和XML，表現標准語言主要包括CSS，行為標准主要包括對象模型(如W3C DOM)、ECMAScript等。這些標准大部分由W3C起草和發布，也有一些是其他標准組織制訂的標准，比如ECMA(European Computer Manufacturers Association)的ECMAScript標准。我們來簡單了解一下這些標准: 1.結構標准語言 　　(1)XML 　　XML是The Extensible Markup Language(可擴展標識語言)的簡寫。目前推薦遵循的是W3C於2000年10月6日發布的XML1.0，參考(www.w3.org/TR/2000/REC-XML-20001006)。和HTML一樣，XML同樣來源於SGML，但XML是一種能定義其他語言的語。XML最初設計的目的是彌補HTML的不足，以強大的擴展性滿足網絡信息發布的需要，後來逐漸用於網絡數據的轉換和描述。關於XML的好處和技術規范細節這裡就不多說了，網上有很多資料，也有很多書籍可以參考。 　　(2)XHTML 　　XHTML是The Extensible HyperText Markup Language可擴展標識語言的縮寫。目前推薦遵循的是W3C於2000年1月26日推薦XML1.0(參考http://www.w3.org/TR/xhtml1)。XML雖然數據轉換能力強大，完全可以替代HTML，但面對成千上萬已有的站點，直接采用XML還為時過早。因此，我們在HTML4.0的基礎上，用XML的規則對其進行擴展，得到了XHTML。簡單的說，建立XHTML的目的就是實現HTML向XML的過渡。 2. 表現標准語言 　　CSS是Cascading Style Sheets層疊樣式表的縮寫。目前推薦遵循的是W3C於1998年5月12日推薦CSS2(參考http://www.w3.org/TR/CSS2/)。W3C創建CSS標准的目的是以CSS取代HTML表格式布局、幀和其他表現的語言。純CSS布局與結構式XHTML相結合能幫助設計師分離外觀與結構，使站點的訪問及維護更加容易。 　　3.行為標准 　　(1)DOM 　　DOM是Document Object Model文檔對象模型的縮寫。根據W3C DOM規范(http://www.w3.org/DOM/)，DOM是一種與浏覽器，平台，語言的接口，使得你可以訪問頁面其他的標准組件。簡單理解，DOM解決了Netscaped的Javascript和Microsoft的Jscript之間的沖突，給予web設計師和開發者一個標准的方法，讓他們來訪問他們站點中的數據、腳本和表現層對像。 　　(2) ECMAScript 　　ECMAScript是ECMA(European Computer Manufacturers Association)制定的標准腳本語言(JAVAScript)。目前推薦遵循的是ECMAScript 262(http://www.ecma.ch/ecma1/STAND/ECMA-262.HTM)。 二、為什麼要建立網站標准？ 　　我們大部分人都有深刻體驗，每當主流浏覽器版本的升級，我們剛建立的網站就可能變得過時，我們就需要升級或者重新建造一遍網站。例如1996-1999年典型的"浏覽器大戰"，為了兼容Netscape和IE，網站不得不為這兩種浏覽器寫不同的代碼。同樣的，每當新的網絡技術和交互設備的出現，我們也需要制作一個新版本來支持這種新技術或新設備，例如支持手機上網的WAP技術。類似的問題舉不勝舉：網站代碼臃腫、繁雜浪費了我們大量的帶寬；針對某種浏覽器的DHTML特效，屏蔽了部分潛在的客戶；不易用的代碼，殘障人士無法浏覽網站等等。這是一種惡性循環，是一種巨大的浪費。 　　如何解決這些問題呢？有識之士早已開始思考，需要建立一種普遍認同的標准來結束這種無序和混亂。商業公司 (Netscape、Microsoft等)也終於認識到統一標准的好處，因此在W3C（W3C.org）的組織下，網站標准開始被建立（1998年2月 10日發布XML1.0為標志），並在網站標准組織（webstandards.org）的督促下推廣執行。 　　簡單說，網站標准的目的就是： 　　提供最多利益給最多的網站用戶 　　確保任何網站文擋都能夠長期有效 　　簡化代碼、降低建設成本 　　讓網站更容易使用，能適應更多不同用戶和更多網路設備 　　當浏覽器版本更新，或者出現新的網絡交互設備時，確保所有應用能夠繼續正確執行。 　　對於網站設計和開發人員來說，遵循網站標准就是使用標准；對於你的網站用戶來說，網站標准就是最佳體驗。 三、采用網站標准有什麼好處和缺點？ 　　1.好處 　　對網站浏覽者的好處: 　　文件下載與頁面顯示速度更快; 　　內容能被更多的用戶所訪問(包括失明、視弱、色盲等殘障人士); 　　內容能被更廣泛的設備所訪問(包括屏幕閱讀機、手持設備、搜索機器人、打印機、電冰箱等等) 　　用戶能夠通過樣式選擇定制自己的表現界面 　　所有頁面都能提供適於打印的版本 　　對網站所有者的好處: 　　更少的代碼和組件，容易維護 　　帶寬要求降低(代碼更簡潔)，成本降低。舉個例子:當 ESPN.com 使用 CSS改版後，每天節約超過兩兆字節(terabytes)的帶寬。 　　更容易被搜尋引擎搜索到 　　改版方便，不需要變動頁面內容 　　提供打印版本而不需要復制內容 　　提高網站易用性。在美國，有嚴格的法律條款( Section 508 ) 來約束政府網站必須達到一定的易用性，其他國家也有類似的要求。 　　2.缺點 　　需要花費更多時間來學習標准 　　依然需要注意浏覽器的兼容問題 　　用 CSS 來實現某些表現反而比表格更為麻煩 四.遵循標准的網站與傳統網站的區別 　　傳統網站只是印刷媒體的延伸，設計目標是保證在4-6個主流浏覽器版本中看起來一致。通常的特征是: 　　以表格為基礎的布局。 　　內容與表現方式混雜在一起。典型的例子是標簽。 　　垃圾代碼(非標准代碼)。 　　不易用的代碼。 　　語義不正確的代碼。比如不解釋的話，你根本不明白這是字體加粗的意思。 　　而采用網站標准建立的網站是一個能夠接受各種用戶和各種設備的廣泛的交流溝通工具。一般特征是: 　　語義正確的標識。即使用能夠表達含義的標簽。保證代碼可以在文本浏覽器、PDAs、搜索引擎中被正確理解。 　　正確有效的代碼。通過W3C代碼校驗(http://validator.w3.org/)的就是正確代碼。對人、機都易用的代碼。能夠接受廣泛的用戶和設備的訪問，用CSS分離表現層和內容。使代碼更簡潔、下載速度更快，批量修改和定制表現形式更容易。 關於本文檔： /********************************************************************* *filename: 怎樣的網站才是標准網站及使用Linux下IE浏覽器 *purpose: 討論標准網站問題，並展示了Linux下IE浏覽器的使用方法 *wrote by: zhoulifa([email protected]) 周立發(http://zhoulifa.bokee.com) Linux愛好者 Linux知識傳播者 SOHO族 開發者 最擅長C語言 *date time:2006-07-02 16:10:00 *Note: 任何人可以任意復制代碼並運用這些文檔，當然包括你的商業用途 * 但請遵循GPL *********************************************************************/ 五.無奈的感歎 當然，網站不標准在中國已經不是什麼新鮮事。大家可以看http://www.showme99.com/yemian/18/40008.htm這個網站上對國內幾個門戶網站的檢測結果，沒有一個完全符合標准的。其它很多網站都不是標准的，尤其是那些只用asp的。 也難怪，反正國內盜版流行，都可以找到一個盜版的Windows來浏覽那些asp網站。 試問有幾個人花錢買了正版操作系統？如果哪一天國家法律明令規定所有PC出廠前不得安裝任何操作系統，必須由用戶自己付錢後才能安裝，那又會怎樣呢？ 六.無奈之舉-Linux下的IE浏覽器使用方法 鑒於上述現象，各位Linux使用者必然遇到的一個問題是：在Linux下用mozilla或其它系列的浏覽器打開某個asp網站時出現一些奇怪現象，要麼某些部分不能顯示，要麼某些按鈕不能按，要麼某輸入框不能輸入…… 筆者也長久被這問題困擾，最近總算解決了難題，你必須安裝如下幾個軟件： 1.wine wine是什麼？按官方說法，是可以使Windows程序在Unix上運行起來的工具。簡單說來就是Windows環境模擬器。 有了這個工具以後，你可以在Unix/Linux下運行一些Windows程序，小到Windows下記事本程序，大到大型游戲CS和辦公套件Microsoft Office。只要做些設置，配置好相應的環境即可運行這些Windows下的程序。 安裝方法嘛，如果是第1代Linux，就先找到wine安裝包，然後用rpm -ivh wine*.rpm命令安裝。 如果是第2代Linux，就直接輸入apt-get install wine安裝。 安裝完成之後直接輸入wine calc就可以運行Windows下的計算器了，wine wordpad就可以運行Windows下的寫字板了，wine notepad就可以運行Windows下的記事本了。 當然，運行任何Windows程序前最好運行wine-cfg或wine-setup等命令來配置一下wine。 一些大型Windows下應用程序，比如iexplorer.exe（Microsoft的Internet Explorer），winword.exe（Microsoft的word文字處理器）是不能在默認wine環境下運行起來的，必須進行一些設置。 2.cabextract 這個工具是用來讀取Microsoft下面cab格式的軟件包的，為了能安裝後面的IE軟件，必須安裝這個cabextract。 安裝方法同上apt-get install cabextract即可。 3.ies4linux 看名字就知道了，Linux下面的IE，其實這個軟件只是一個腳本，實際是用了wineserver的服務和Microsoft的iexplorer.exe程序。 google了好久，結果找到了這個網站 http://www.tatanka.com.br/ies4linux/index-en.html 從它上面下載開源的ie，下載地址： http://www.tatanka.com.br/ies4li ... nux-2.0beta5.tar.gz 解壓這個軟件包： tar -xzvf ies4linux-2.0beta5.tar.gz 然後就可以去ies4linux-2.0beta5目錄裡運行安裝命令進行安裝了。 安裝過程會去download.microsoft.com下載一些軟件包，比如： 249973USA8.exe  DCOM98.EXE  mfc40.cab  swflash.cab 這裡的swflash.cab是IE的flash插件。 安裝完成後就在當前用戶主目錄下產生一個.ies4linux目錄和bin目錄，bin目錄下有ie6命令文件。記得把這些目錄裡的文件設置成所有用戶可用或把owner設置成要運行ie6命令的那個用戶。 然後就可以看到桌面上有個IE的圖標了，直接雙擊運行吧，出來的就是Microsoft Windows下的Internet Explorer。慢慢享用吧 最後給大家看看我安裝ie4linux後的桌面和運行進來的IE圖片： screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://zhoulifa.bokee.com/inc/ubuntu-desktop-with-IE.jpg');}" onmousewheel="return imgzoom(this);"> screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://zhoulifa.bokee.com/inc/ubuntu-IE.png');}" onmousewheel="return imgzoom(this);">