HTML5考試復(fù)習(xí)資料

1、單選l.selection對象的哪個方法直接將用戶選取的終點移到起點：DA.selectio n. colla pse();B.selectio n.c on tai nsNode();C. select ion. colla pseToE nd();D.select ion. colla pseToStart();2. 從當(dāng)前selection移除range對象使用的方法是：C A.addRa nge(ra nge);B.removeAllRa nges()C. removeRa nge(ra nge);D.getRa ngeAt(i ndex);CB.docume nt.getSelect

2、io n();D.win dow.createSelecti on();3. 創(chuàng)建一個selection 對象用的是哪個方法: A.wi ndow.getSelectio n ();();C.docume nt.createSelect ion4. 刪除內(nèi)容用的是哪個方法:B.createRa nge();D.toStri ng();A. cl on eRa nge();C.deleteCo nten ts();5. 創(chuàng)建Range用的是哪個方法:A. cl on eRa nge();C.deleteCo nten ts();B. docume nt.createRa nge();D.toSt

3、ri ng();6.Canvas圖形，需要在正中addColorStop(X,"#0000fr);其中 X 的值是多少？ CA. 50%B. 1/2C. 0.5D. 50間的位置填充線性漸變色，使用繪制圓形的arc方法中,7.cxt.arc(100,100,100,0,Math. PI *2,true) Ca nvas參數(shù)說明正確的是：CA. 圓半徑，圓心X坐標(biāo)，圓心丫坐標(biāo)，開始角度，結(jié)束角度，是否順時針B. 圓心丫坐標(biāo)，圓心X坐標(biāo)，圓半徑，開始角度，結(jié)束角度，是否順時針C. 圓心X坐標(biāo)，圓心丫坐標(biāo)，圓半徑，開始角度，結(jié)束角度，D. 圓心X坐標(biāo)，圓心丫坐標(biāo)，圓半徑，開始角度，結(jié)束角度

4、，是否順時針 是否逆時針8.Canvas繪制線條時用下面哪個方法設(shè)置起點坐標(biāo):A.li neToB.moveToC.startToD.begi nTo9.Canvas用于填充顏色的屬性是：A.fillStyleB.fillRectC.li neWidthD.strokeRect10.創(chuàng)建Canvas畫布使用的方法是：C A.getC on text("3d");C.getC on text("2d");B.docume nt.Co ntext("3d");D.docume nt.Co ntext("2d");11.

5、 wi ndow.history.forward()A. 前進(jìn)到下一個頁面它表示 CB. 返回到上一個頁面c.刷新到下一個頁面D.刷新到當(dāng)前頁面D.無所謂12. 本地存儲用到的鍵名只能是：AA.唯一的B.多樣性的C.可變得鍵值"）；鍵值"）；13.讀取localstorage 數(shù)據(jù)的方法是: A.localStorage.getltem(" C.localStorage.loadltem("")；BB. localStorage.getItem(" 鍵名");D. localStorage.loadItem("14

6、.讀取 sessi on StorageA.sessi on Storage.getItem("")；C.sessio nStorage.loadltem("鍵值");D.sessio nStorage.loadltem("數(shù)據(jù)的方法是:鍵值"）;BB.sessio nStorage.getltem("鍵名鍵名"）；15.sessio nStorage 保存數(shù)據(jù)的方法正確的是：AA. sessi on Storage.setltem("B. sessio nStorage.saveltem("C

7、. sessi on Storage.setltem("D. sessio nStorage.saveltem("鍵名","鍵值"）； 鍵名","鍵值"）；鍵值","鍵名"）； 鍵值","鍵名"）；16.編寫manifest文件中的注釋是BA.以/開頭的單行注釋B.以#開頭的單行注釋C.以<!->的多行注釋D.以/* */的多行注釋17.編寫manifest文件分為幾個部分：DA. 1B. 2C. 3D. 418.配置manifest文件,II

8、S的配置方法是在網(wǎng)站屬性的http類型添加關(guān)聯(lián)擴(kuò)展名manifest內(nèi)容類型輸入()BA.text/ma ni festB.text/cache-ma nifestC.text/ma ni fest-cacheD.text/local-ma nifest頭標(biāo)簽中找到MIME19.離線應(yīng)用中,A. Bodymanifest文件放在網(wǎng)頁文件的哪個標(biāo)記后面B. HtmlC. DivAD. head20.離線應(yīng)用中,A. Bodymanifest文件放在網(wǎng)頁文件的哪個標(biāo)記后面B. HtmlC. DivAD. head21.Blob對象中的type屬性表示文件的:A.文件名 B.文件大小 C.D圖片格式

9、D.MIME類型CB. readAsText22.對象使用（）方法把圖片顯示出來:A. readAsBi naryStri ngC. readAsDateURLD. readAsArrayBuffer23.當(dāng)使用Google圖像搜索時，你可以把一幅圖片從電腦桌面拖放到 面的輸入框里，這就是使用 HTML5I勺()API實現(xiàn)的。DA. HistoryB. SystemC. ImagesD.Google 頁File24.向子頁面發(fā)送消息 指的是：BA.發(fā)送方地址B.wi ndow.frames0. postMessage(" nin hao".Illi接收方地址C.以上都不是2

10、5.向其他窗口發(fā)送消息， 消息文本，也可以是：A.程序腳本B. htmlotherwi ndow. postMessage()中的消息內(nèi)容為所發(fā)送的代碼C. JOSN文本D. XML代碼26.跨文檔消息傳輸過程中,A.返回消息的文檔來源C. 返回消息的接受地址event.data 屬性：BB.返回消息內(nèi)容27 在 HTM頁面中插入 vscriptsrc=""></script>A.調(diào)取谷歌的云服務(wù)C.調(diào)取應(yīng)用服務(wù)接口的作用是：BB.調(diào)取谷歌的地圖服務(wù)D.以上都不是28.使用 getCurrentPosition 使用google的地圖接口 var img_

11、url=""+latlo n+" &zoom=14&size=400x300&se nsor=false"docume nt.geeme ntByld("ma pholder").i nn erHTML="<img src-"+img_url+"' />"上述代碼中l(wèi)atlon 需要獲取的是：AA.海拔高度B.精確度 C.經(jīng)緯度()獲取當(dāng)前地理位置信息，如果要輸出圖片需要D.延時29.為了使元素可拖動，把()屬性設(shè)置為A. EditableB. Dra

12、ggabletrue。BC. Co nte nteditable30.控制視頻暫停用的是哪個方法：BA. stop();B. P ause();C. P aused();D. Play();31.在多媒體控制中以下代碼 控制的是: if (myVideo .p aused)myVide o.p lay();Else myVideo .p ause();A.全屏B.靜音判斷C.暫停和播放D.以上都不是(Y) execma nd方法主要用來操作瀏覽器命令。(Y) selection 是對當(dāng)前激活選中區(qū)(即高亮文本)進(jìn)行操作，在非 IE 瀏覽器對象。(Firefox、Safari、Chrome Op

13、era)下可以使用 window.getSelection()獲得selection方法創(chuàng)建一個線性(N)Canvas繪制圖形，可以使用createRadialGradient()漸變。(Y)以Canvas 依賴分辨率， 不支持事件處理器， 文本渲染能力弱， 能夠 .png 或 .jpg 格式保存結(jié)果圖像，最適合圖像密集型的游戲。(Y)址欄的 URL。pushState() 用于向 history 對象添加當(dāng)前頁面的記錄， 并且改變?yōu)g覽器地(Y) sessinStorage ，用來保存從瀏覽器打開網(wǎng)站到關(guān)閉這段時間所要求保留的 所有數(shù)據(jù)。(N)存。(N)性，localStorage ，將數(shù)據(jù)保

14、存在客戶端本地的硬盤里，但還是做不到永久保Blob對象有兩個屬性，一個是size屬性，表示字節(jié)長度，一個是name屬 表示文件的名稱。(Y) 跨文檔消息傳輸指的是網(wǎng)頁文檔之間互相接受和發(fā)送消息的功能。(N)使用geolocation屬性獲取到的當(dāng)前地理位置比應(yīng)用程序中使用GPS更精準(zhǔn)。(N) 任何版本的瀏覽器都可以使用 geolocation 屬性獲取當(dāng)前地理位置(N)拖放API不支持在瀏覽器與其他應(yīng)用程序之間的數(shù)據(jù)互相托動。(Y) <video> 標(biāo)記后面的 preload 屬性表示視頻在頁面加載時進(jìn)行加載，并預(yù)備 播放。(Y)要確保適用于Safari瀏覽器，視頻文件必須是 MP

15、EG類型。(N) web worker 是運(yùn)行在后臺的 JavaScript ，獨(dú)立于其他腳本 , 不會影響頁面 的性能，不能嵌套子線程。填空1. （ rangeCount ） 返回 selection 中包含的 range 對象的數(shù)目， 個 range ， Ctrl 健配合使用可以有多個。2. Canvas 則通過 JavaScript 來繪制 （ 2D ） 圖形 :3. window.history.go（） 它表示跳轉(zhuǎn)到某個頁面，其中 go（ 0 ） 前頁面。4. cookies 在客戶端存儲信息的大小控制在 （ 4）K5. sessinStorage 和 localStorage 兩種

16、方法都不支持（ 跨瀏覽器6. ma nifest文件中要緩存的文件寫在（cache）部分。7. 在文件 API 中，（ ）對象是 file 對象的列表。8. File控件內(nèi)只允許選擇一個文件，要允許選擇多個文件，需要在標(biāo)記后添加（ multiple ）屬性。9. 跨文檔消息傳輸功能需要對窗口對象的（message事件進(jìn)行監(jiān)聽。10. position.timestamp11. position.coords.longitude12. position.coords.latitude13. 如 果 一 個 元 素 允（ dataTransfer.getData（一般存在一代表刷新當(dāng)）操作。屬性獲

17、取位置信息的（ 時間）屬性獲取的是 （ 經(jīng)度 ）屬性獲取的是（ 緯度）許被拖動的元素放入其中，需要加入text ”） ）事件規(guī)定在何處放置被拖動的數(shù)據(jù)。draggable 屬性設(shè)14. 在HTML5中要實現(xiàn)拖放操作，需要將要拖放的對象元素的 置為（ true ）15. 在瀏覽器支持的前提下<video src="movie.ogg"></video> 這行標(biāo)記不能顯示視頻時因為沒有添加（ controls ）屬性16. 在HTML5中添加了（ radio）標(biāo)記來播放音頻。17. （ worker ）用來實現(xiàn)web平臺上的多線程處理功能。18. 要使塊

18、級元素或表元素水平居中，可以將其 （ auto ）。19. HTML5中，vvideo>標(biāo)簽支持以下三種視頻格式：20. CSS有3種基本的定位機(jī)制：普通流、（浮動）margin 的左右邊距設(shè)置為Ogg、（ MPEG）4 和 WebM。 和（絕對定位 ）。簡答題1.簡述HTML5提供了哪些新的元素來創(chuàng)建更好的頁面結(jié)構(gòu)答：<section> 標(biāo)簽用于定義文檔中的區(qū)段。<header> 標(biāo)簽用于定義文檔的頁眉（介紹信息）。<footer> 標(biāo)簽用于定義區(qū)段（ section ）或文檔的頁腳。通常，該元素包含作 者的姓名、文檔的創(chuàng)作日期或者聯(lián)系方式等信息。&

19、lt;nav> 標(biāo)簽用于定義導(dǎo)航鏈接。<article> 標(biāo)簽用于定義文章或網(wǎng)頁中的主要內(nèi)容。<aside> 標(biāo)簽用于定義主要內(nèi)容之外的其他內(nèi)容。<figure> 標(biāo)簽用于定義獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等）。2. HTML噺增的與數(shù)據(jù)存儲和數(shù)據(jù)處理相關(guān)的新功能有哪些?答：HTML噺增的與數(shù)據(jù)存儲和數(shù)據(jù)處理相關(guān)的新功能如下：（1）Web!信在HTM14中，出于安全考慮，一般不允許一個瀏覽器的不同框架、不同標(biāo)簽頁、 不同窗口之間的應(yīng)用程序互相通信， 以防止惡意攻擊。 如果要實現(xiàn)跨域通信只能 通過Web服務(wù)器作為中介。但在桌面應(yīng)用中，經(jīng)常需要進(jìn)行

20、跨通信。HTML 5提供了這種跨域通信的消息機(jī)制。（ 2）本地存儲HTML4 的存儲能力很弱，只能使用 Cookie 存儲很少量的數(shù)據(jù)，比如用戶名和密 碼oHTMl5擴(kuò)充了文件存儲的能力，可以存儲多達(dá)5MB勺數(shù)據(jù)。而且還支持 WebSQL 和IndexedDB等輕量級數(shù)據(jù)庫，大大增強(qiáng)了數(shù)據(jù)存儲和數(shù)據(jù)檢索能力。（ 3）離線應(yīng)用傳統(tǒng)Web應(yīng)用程序?qū)eb服務(wù)器的依賴程度非常高，離開Web服務(wù)器幾乎什么都 做不了。而使用 HTML 5可以開發(fā)支持離線的 Web 應(yīng)用程序，在連接不上 Web 服務(wù)器時，可以切換到離線模式；等到可以連接Web服務(wù)器時，再進(jìn)行數(shù)據(jù)同步， 把離線模式下完成的工作提交到 We

21、b服務(wù)器。3.簡述CSS顏色中的HSL顏色。答：CSS3支持以HSL聲明的形式表現(xiàn)顏色。HSL色彩模式是工業(yè)界的一種顏色標(biāo)準(zhǔn)， 是通過對色調(diào)（H）、飽和度（S）、亮度（L）三個顏色通道的變化以及它們相 互之間的疊加來得到各式各樣的顏色的這個標(biāo)準(zhǔn)幾乎包括了人類視力所能感知 的所有顏色，是目前運(yùn)用最廣的顏色系統(tǒng)之一。HSL聲明的定義形式如下：0和 360是紅色,接近 120的是綠色, 240 是藍(lán)色； 0%是灰度, 100%飽和度最高； 0%是最暗, 50%均值, 100%最亮。hsl（ 色調(diào)值, 飽和度值 , 參數(shù)說明如下：色調(diào)值，用于定義色盤， 飽和度值，一個百分比， 亮度值，個百分比：HSL

22、A聲明在HSL顏色的基礎(chǔ)上增加了一個 A參數(shù)，設(shè)置該顏色的透明度。與RGBA 一樣， A 參數(shù)的取值范圍也為 01， 0表示完全透明（即不可見）， 1 表示完全不 透明。4.比較SVG圖像與JPEG和GIF，并說明SVG圖像有哪些優(yōu)點？ 答：與JPEG和GIF等格式的圖像相比，SVG圖像主要具有如下優(yōu)勢：SVG圖像可以使用任何文本編輯器創(chuàng)建和編輯，而JPEG和GIF等格式的圖像則必須使用專用的圖像編輯軟件創(chuàng)建和編輯。SVG圖像更易于壓縮、搜索（適用于制作地圖）、索引和腳本化。 縮放SVGffl像時，圖像不變形?？梢栽谌魏畏直媛氏麓蛴「哔|(zhì)量的 SVGffl像。5.試比較SVG與 Canvas,二

23、者有哪些異同點？答：SVG與 Canvas相比的異同如下：SVG是在XML中描述二維圖像的語言；而 Canvas則在JavaScript程序中繪制 二維圖像。在SVG中，每一個繪制的圖形都會被記錄為一個對象，當(dāng)SVG對象的屬性變化時，瀏覽器會自動重畫圖形。Canvas 圖像是一個像素一個像素繪制的，一旦圖像繪制完成，瀏覽器就會忘了 它。如果圖像的位置變化了，那么場景都要重畫，包括被該圖像覆蓋的對象。程序題使用Canvas繪制一個寬200像素 高100像素的紅色矩形塊。<canvas id="mpc" width="200" height="100" style="background:#F00" "></canvas> <script type="text/javascript"> var pic =document.geementById("mpc");d"); </script><script>function ifvar