【文章內(nèi)容簡(jiǎn)介】 ML 5 提供了一些新的元素和屬性，反映典型的現(xiàn)代用法 網(wǎng)站 。其中有些是技術(shù)上類似 div和span標(biāo)簽，但有一定含義，例如 nav（網(wǎng)站導(dǎo)航塊）和 footer。 這種標(biāo)簽將有利于 搜索引擎 的索引整理、小屏幕設(shè)備和視障人士使用。同時(shí)為其他瀏覽要素提供了新的功能，通過一個(gè)標(biāo)準(zhǔn)接口，如 audio和 video標(biāo)記。 為了使 HTML5的新元素或新屬性獲取最大化的兼容性，開發(fā)人員需要附加一點(diǎn)額外補(bǔ)助，或者有些特性根本沒有被任何瀏覽器實(shí)現(xiàn)，或者瀏覽器根本不支持補(bǔ)助技術(shù)。因此有些特殊的 HTML5特性根本不能使用。 今天，大多數(shù)音頻是通過插件（比 如 Flash）來播放的。然而并非所以的瀏覽器都擁有同樣的插件。于是 HTML5規(guī)定了一種通過 audio元素來包含音頻的標(biāo)準(zhǔn)方法。 Audio元素能夠播放聲音文件或者音頻流。當(dāng)前 audio元素支持三種音頻格式： Ogg Vorbis,MP3,Wav。而如何在 HTML5中播放音頻，所需的是： audio src = “” controls = “controls”/audio,其中 control屬性提供播放，暫停和聲音控件。 表 當(dāng)前支持的三種音頻格式 IE9 Opera Chrome Safari Ogg Vorbis √ √ √ MP3 √ √ √ Wav √ √ √ HTML5中的 Canvas元素用于在網(wǎng)頁(yè)上繪制圖形。它主要是使用 JavaScript在網(wǎng)頁(yè)上繪制圖像，畫布是一個(gè)矩形區(qū)域，其可以控制每一個(gè)像素。同時(shí) canvas擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。 fillStyle 方法將其染成紅色， fillRect 方法規(guī)定了形狀、位置和尺寸。 canvas元素本身是沒有繪圖能力的。所有的繪制工作必須在 javaspcrit內(nèi)部完成。 Javascript使用 id來尋找 canvas元素 var c=(myCanvas)。然后創(chuàng)建 context對(duì)象。 除了原先的 DOM接口， HTML5增加了更多樣化的 API（ 應(yīng)用程序接口 ），如實(shí)時(shí)二維繪圖（ Canvas API：有關(guān)動(dòng)態(tài)產(chǎn)出與渲染圖形、圖表、圖像和動(dòng)畫的 API），定時(shí) 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 9 媒體播放（ HTML5音頻與視頻： HTML5里新增的元素，它們?yōu)殚_發(fā)者提供了一套通用的、集成的、腳本式的處理音頻與視頻的 API，而無需安裝任何插件離線存儲(chǔ)數(shù)據(jù)庫(kù)（離線網(wǎng)絡(luò)應(yīng)用程序）。同時(shí)它還擁有網(wǎng)頁(yè)存儲(chǔ)，微數(shù)據(jù)等特點(diǎn)。 HTML5 服務(wù)器發(fā)送事件（ serversent event）允許網(wǎng)頁(yè)獲得來自服務(wù)器的更新。ServerSent 事件 單向消息傳遞。 ServerSent 事件指的是網(wǎng)頁(yè)自動(dòng)獲取來自服務(wù)器的更新。 以前也可能做到這一點(diǎn)，前提是網(wǎng)頁(yè)不得不詢問是否有可用的更新。通過服務(wù)器發(fā)送事件，更新能夠自動(dòng)到達(dá)。所有主流瀏覽器均支持服務(wù)器發(fā)送事件，除了 Inter Explorer。 表 瀏覽器支持的版本 Input type IE Firefox Opera Chrome Safari autoplete Sutofocus No No Form No No No No List No No No No Multiple No No Patterm No No No Required No No No JavaScript，一種直譯式腳本語(yǔ)言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語(yǔ)言，內(nèi)置支持類。它的解釋器被稱為 JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語(yǔ)言，最早是在 HTML網(wǎng)頁(yè)上使用，用來給 HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能。然而現(xiàn)在JavaScript也可被用于網(wǎng)絡(luò)服務(wù)器，如 。 在 1995年時(shí)，由網(wǎng)景公司的布蘭登 艾克，在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計(jì)實(shí)現(xiàn)而成。因?yàn)榫W(wǎng)景公司與昇陽(yáng)公司合作，網(wǎng)景公司管理層希望它外觀看起來像 Java，因此取名為 JavaScript。但實(shí)際上它的語(yǔ)義與 Self及 Scheme較為接近。 為了獲取技術(shù)優(yōu)勢(shì)，微軟推出了 JScript，與 JavaScript同樣可在瀏覽器上運(yùn)行。為了統(tǒng)一規(guī)格， 1997年，在 ECMA（歐洲計(jì)算機(jī)制造商協(xié)會(huì)）的協(xié)調(diào)下，由網(wǎng)景、昇陽(yáng)、微軟和 Borland公司組成的工作組確定統(tǒng)一標(biāo)準(zhǔn)： ECMA262。因?yàn)?JavaScript兼容于 ECMA標(biāo)準(zhǔn)，因此也稱為 ECMAScript。 一般來說，完整的 JavaScript包括以下幾個(gè)部分： 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 10 (1)ECMAScript，描述了該語(yǔ)言的語(yǔ)法和基本對(duì)象 。 (2)文檔對(duì)象模型（ DOM），描述處理網(wǎng)頁(yè)內(nèi)容的方法和接口 。 (3)瀏覽器對(duì)象模型（ BOM），描述與瀏覽器進(jìn)行交互的方法和接口 。 它的基本特點(diǎn)如下： (1)是一種解釋性腳本語(yǔ)言（代碼不進(jìn)行預(yù)編譯）。 (2)主要用來向 HTML頁(yè)面添加交互行為。 (3)可以直接嵌入 HTML頁(yè)面，但寫成單獨(dú)的 js文件有利于結(jié)構(gòu)和行為的分離。 特性 : 不同于服務(wù)器端腳本語(yǔ)言，例如 PHP與 ASP， JavaScript主要被作為客戶端腳本語(yǔ)言在用戶的瀏覽器上運(yùn)行，不需要服務(wù)器的支持。所以在早期程序員比較青睞于 JavaScript以減少對(duì)服務(wù)器的負(fù)擔(dān)，而與此同時(shí)也帶來另一個(gè)問題：安全性。 而隨著服務(wù)器的強(qiáng)壯，雖然現(xiàn)在的程序員更喜歡運(yùn)行于服務(wù)端的腳本以保證安全，但 JavaScript仍然以其跨平臺(tái)、容易上手等優(yōu)勢(shì)大行其道。同時(shí)，有些特殊功能（如 AJAX）必須依賴 Javascript在客戶端進(jìn)行支持。 隨著引擎如 V8和框架如 ，及其事件驅(qū)動(dòng)及異步 IO等特性， JavaScript逐漸被用來編寫服務(wù)器端程序。 Javascript被歸類為直譯語(yǔ)言，因?yàn)槟壳爸髁鞯囊娑际敲看芜\(yùn)行時(shí)加載代碼并解譯。 V8是將所有代碼解譯后再開始運(yùn)行，其他引擎則是逐行解譯（ SpiderMonkey會(huì)將解譯過的指令暫存，以提高性能，稱為實(shí)時(shí)編譯），但由于 V8的核心部分多數(shù)用 Javascript撰寫（而 SpiderMonkey是用 C++），因此在不同的測(cè)試上，兩者性能互有優(yōu)劣。 Eclipse 介紹 Eclipse是著名的 跨平臺(tái) 開源 集成開發(fā)環(huán)境 （ IDE）。最初主要用來 Java語(yǔ)言開發(fā)，目前亦有人通過 插件 使其作為 C++、 Python、 PHP等其他語(yǔ)言的開發(fā)工具。 Eclipse的本身只是一個(gè)框架平臺(tái)，但是眾多 插件 的支持，使得 Eclipse擁有較佳的靈活性，所以許多軟件開發(fā)商以 Eclipse為框架開發(fā)自己的 IDE。 Eclipse最初是由 IBM公司開發(fā)的替代商業(yè)軟件 Visual Age for Java的下一代 IDE開發(fā)環(huán)境， 2020年 11月貢獻(xiàn)給開源社區(qū)，現(xiàn)在它由 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 11 非營(yíng)利軟件供應(yīng)商聯(lián)盟 Eclipse基金會(huì) （ Eclipse Foundation）管理。 Eclipse的基礎(chǔ)是 富客戶機(jī)平臺(tái) （即 RCP）。 RCP包括下列組件： ? 核心平臺(tái)（啟動(dòng) Eclipse，運(yùn)行插件） ? OSGi（標(biāo)準(zhǔn)集束框架） ? SWT（可移植 構(gòu)件工具包 ） ? JFace（文件緩沖，文本處理，文本編輯器） ? Eclipse工作臺(tái)（即 Workbench，包含視圖（ views）、編輯（ editors）、視角（ perspectives）、和向?qū)В?wizards）） Eclipse采用的技術(shù)是 IBM公司開發(fā)的（ SWT），這是一種基于 Java的窗口組件，類似 Java本身提供的 AWT和 Swing窗口組件；不過 IBM聲稱 SWT比其他 Java窗口組件更有效率。 Eclipse的用戶界面還使用了 GUI中間層 JFace，從而簡(jiǎn)化了基于 SWT的應(yīng)用程序的構(gòu)建。 Eclipse的插件機(jī)制是輕型軟件組件化架構(gòu)。 在胖客戶機(jī)平臺(tái)上， Eclipse使用插件來提供所有的附加功能，例如支持 Java以外的其他語(yǔ)言。已有的分離的插件已經(jīng)能夠支持 C/C++（ CDT）、 PHP、 Perl、 Ruby， Python、tel和數(shù)據(jù)庫(kù)開發(fā)。插件架構(gòu)能夠支持將任意的擴(kuò)展加入到現(xiàn)有環(huán)境中，例如配置管理，而決不僅僅限于支持各種編程語(yǔ)言。 Eclipse的設(shè)計(jì)思想是：一切都看成是插件。 Eclipse軟件的核心很小，其它所有功能都以插件的形式存在于 Eclipse之上，而開發(fā)者可以根據(jù)自己的實(shí)際需要隨意添加刪減。Eclipse基本內(nèi)核包括：圖形 API（ SWT/Jface）， Java開發(fā)環(huán)境插件（ JDT），插件開發(fā)環(huán)境（ PDE）等 Eclipse的插件機(jī)制是輕型軟件組件化架構(gòu)。在富客戶機(jī)平臺(tái)上， Eclipse使用插件來提供所有的附加功能，例如支持 Java以外的其他語(yǔ)言。 已有的分離的插件已經(jīng)能夠支持 C/C++（ CDT）、 PHP、 Perl、 Ruby， Python、 tel和數(shù)據(jù)庫(kù)開發(fā)。插件架構(gòu)能夠支持將 任意的擴(kuò)展加入到現(xiàn)有環(huán)境中，例如配置管理，而決不僅僅限于支持各種編程語(yǔ)言。 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 12 圖 Eclipse的界面 互聯(lián)網(wǎng)的發(fā)展帶動(dòng)著瀏覽器的發(fā)展，如今的瀏覽器的性能和功能也與往日有了很大的不同，現(xiàn)在的瀏覽器已不僅僅只是顯示一張網(wǎng)頁(yè)，而是可以幾乎覆蓋其所有功能。目前市場(chǎng)上的瀏覽器呈現(xiàn)出百花盛開的景象，而根據(jù)開源內(nèi)核來劃分，主要可以分為兩大類： IE 系列和非 IE 系列。 IE 其實(shí)是簡(jiǎn)稱，全名為 Inter Explorer。是微軟推出的一款網(wǎng)頁(yè)瀏覽器。它曾是使用最廣泛的網(wǎng)頁(yè)瀏覽器， 2020 年時(shí)市占率約 90%，后被 Google 的 Google Chrome 所超越而排名第二。 最初的 Inter Explorer 是作為微軟操作系統(tǒng)的一個(gè)部分的。從 Windows 95 OSR2開始，它是隨所有新版本的 Windows 操作系統(tǒng)附送的默認(rèn)瀏覽器。目前最新穩(wěn)定版本是 Inter Explorer 11，此版本在速度、標(biāo)準(zhǔn)支持和界面均有很大的改善，并支持 SPDY、增強(qiáng)的開發(fā)者工具以及 WebGL。 在其他操作系統(tǒng)的 Inter Explorer 包括前稱 Pocket Inter Explorer 的 Inter Explorer Mobile，用在 Windows Phone 及 Windows Mobile 上。 在 Inter Explorer 7 增加了彈出式窗口的封鎖和標(biāo)簽頁(yè)瀏覽、 RSS 等的主流功能，最新版的 Inter Explorer 提供了一個(gè)加載項(xiàng)管理器以控制 ActiveX 控件和瀏覽器幫助 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 13 對(duì)象，以及一個(gè) “無加載項(xiàng) ”版本（在所有程序／附件／系統(tǒng)工具之下）。 Inter Explorer使用一個(gè)基于區(qū)域的安全架構(gòu)，意思是說網(wǎng)站按特寫的條件組織在一起。它允許對(duì)大量的功能進(jìn)行限制，也允許 只對(duì)指定功能進(jìn)行限制。對(duì)于瀏覽器所出現(xiàn)之漏洞，微軟通過自動(dòng)更新不定期發(fā)布修補(bǔ)漏洞的更新提供給用戶安裝。 自版本 8， Inter Explorer 提供了一個(gè)下載監(jiān)視器和安裝監(jiān)視器，允許用戶分兩步選擇是否下載和安裝可執(zhí)行程序。這可以防止惡意軟件被安裝。 Inter Explorer 可通過組群原則進(jìn)行完全配置。 Windows 服務(wù)器域管理員可以應(yīng)用并強(qiáng)制一系列設(shè)定以改變用戶界面（例如禁止某些菜單項(xiàng)和獨(dú)立的配置選項(xiàng)），以及限制安全功能（例如下載文檔），零配置，按站點(diǎn)設(shè)置， ActiveX 控件行為，等等。 Inter Explorer 使用了 Trident 排版引擎，幾乎完整支持 HTML ， CSS Level 1，XML 和 DOM Level 1，只是有一些排版錯(cuò)誤。它亦部分支持 CSS Level 2 和 DOM Level 2。它自帶的 XML 解釋器支持 XHTML，但是微軟從 IE 以后取消了這一支持，使它變得難以訪問。如其它瀏覽器一樣，當(dāng) MIME 類型標(biāo)識(shí)為 “text/html”，它能解釋為XHTML。 當(dāng) MIME 類型標(biāo)識(shí)為 “application/xml”和 “text/xml”時(shí)，它也能解釋把 XHTML 解釋為 XML，但需要一個(gè)小的 XSLT 度量來重新啟用 XML 對(duì) XHTML 的支持。當(dāng)把它定義為偏好類型如 “application/xhtml+xml”時(shí)，它假裝不理解 XHTML，相反把它當(dāng)成一種不了解的供下載的文檔類型來對(duì)待。 Inter Explorer 依靠 DOCTYPE 判斷一個(gè)網(wǎng)頁(yè)應(yīng)該按老版本渲染還是按 W3C 標(biāo)準(zhǔn)渲染（在打印中， Inter Explorer 總使用 W3C 標(biāo)準(zhǔn)。）。根據(jù) MSXML 的版本不同，它可以完全支持 XSLT 或 1998 年 12 月的 XSL 草案。 Inter Explorer 有一個(gè)自己的ECMAScript 變體，名為 JScript。 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 14 圖