HTML5考試復習資料

1、精品文檔單選1.selection 對象的哪個方法直接將用戶選取的終點移到起點：D2.從當前 selection 移除 range 對象使用的方法是： CA.addRange(range);B.removeAllRanges()C.removeRange(range);D.getRangeAt(index);3.創(chuàng)建一個 selection 對象用的是哪個方法： C4.刪除內(nèi)容用的是哪個方法：CA.cloneRange();B.createRange();C.deleteContents();D.toString();5.創(chuàng)建 Range用的是哪個方法： BA.cloneRange();C.d

2、eleteContents();D.toString();6.Canvas 圖 形 ， 需 要 在 正 中 間 的 位 置 填 充 線 性 漸 變 色 ， 使 用 addColorStop(X,"#0000ff"); 其中 X 的值是多少？ CA. 50%B. 1/2C. 0.5D. 50繪制圓形的 arc 方法中，參數(shù)說明正確的是： CA.圓半徑，圓心 X 坐標，圓心 Y坐標，開始角度，結(jié)束角度，是否順時針B.圓心 Y 坐標，圓心 X 坐標，圓半徑，開始角度，結(jié)束角度，是否順時針C.圓心 X 坐標，圓心 Y 坐標，圓半徑，開始角度，結(jié)束角度，是否順時針D.圓心 X 坐標，

3、圓心 Y 坐標，圓半徑，開始角度，結(jié)束角度，是否逆時針8.Canvas繪制線條時用下面哪個方法設置起點坐標：AA.lineToB.moveToC.startToD.beginTo9.Canvas用于填充顏色的屬性是：AA.fillStyleB.fillRectC.lineWidthD.strokeRect10.創(chuàng)建 Canvas畫布使用的方法是： CA.getContext("3d");C.getContext("2d");它表示 C.精品文檔A.前進到下一個頁面B.返回到上一個頁面C.刷新到下一個頁面D.刷新到當前頁面12.本地存儲用到的鍵名只能是：

4、AA.唯一的B.多樣性的C.可變得D.無所謂13.讀取 localStorage數(shù)據(jù)的方法是： BA.localStorage.getItem("鍵值 ");B.localStorage.getItem("鍵名 ");C.localStorage.loadItem("鍵值 ");D.localStorage.loadItem("鍵名 ");14.讀取 sessionStorage數(shù)據(jù)的方法是： B鍵值鍵名鍵值鍵名 ");15.sessionStorage保存數(shù)據(jù)的方法正確的是：A鍵名 ",&qu

5、ot; 鍵值 ");鍵名 "," 鍵值 ");鍵值 "," 鍵名 ");鍵值 "," 鍵名 ");16.編寫 manifest 文件中的注釋是 BA.以 / 開頭的單行注釋B.以#開頭的單行注釋C.以 <!- ->的多行注釋D.以/* */ 的多行注釋17.編寫 manifest 文件分為幾個部分： DA.1B.2C.3D.418.配置 manifest 文件， IIS的配置方法是在網(wǎng)站屬性的 http 頭標簽中找到 MIME 類型添加關聯(lián)擴展名 manifest 內(nèi)容類型輸入（）

6、BA.text/manifestB.text/cache-manifestC.text/manifest-cacheD.text/local-manifest19.離線應用中， manifest 文件放在網(wǎng)頁文件的哪個標記后面AA. BodyB. HtmlC. DivD. head20.離線應用中， manifest 文件放在網(wǎng)頁文件的哪個標記后面AA. BodyB. HtmlC. DivD. head21.Blob 對象中的 type 屬性表示文件的： DA. 文件名B. 文件大小C. 圖片格式D. MIME 類型22.FileReader對象使用（）方法把圖片顯示出來：CA. readAs

7、BinaryStringB. readAsTextC. readAsDateURLD. readAsArrayBuffer.精品文檔23.當使用 Google 圖像搜索時，你可以把一幅圖片從電腦桌面拖放到 Google 頁面的輸入框里，這就是使用 HTML5 的（） API 實現(xiàn)的。 DA. HistoryB. SystemC. ImagesD. File24.向子頁面發(fā)送消息 window.frames0.postMessage("ninhao", "http:/localhost/2.html");http:/localhost/ 2.html 指的

8、是： BA. 發(fā)送方地址B. 接收方地址C. 以上都不是25.向其他窗口發(fā)送消息， otherwindow.postMessage()中的消息內(nèi)容為所發(fā)送的消息文本，也可以是：A. 程序腳本B. html 代碼C. JOSN文本D. XML代碼26.跨文檔消息傳輸過程中，event.data 屬性： BA. 返回消息的文檔來源B. 返回消息內(nèi)容C. 返回消息的接受地址27 在 HTML頁面中插入的作用是：BA. 調(diào)取谷歌的云服務B. 調(diào)取谷歌的地圖服務C. 調(diào)取應用服務接口D. 以上都不是28.使用 getCurrentPosition（）獲取當前地理位置信息，如果要輸出圖片需要使用 goog

9、le 的地圖接口+latlon+"&zoom=14&size=400x300&sensor=false"document.getElementById("mapholder").innerHTML="<imgsrc='"+img_url+"'/>"上述代碼中 latlon 需要獲取的是： AA. 海拔高度B. 精確度C. 經(jīng)緯度D. 延時29.為了使元素可拖動，把（）屬性設置為true 。BA. EditableB. DraggableC. Contentedit

10、able30.控制視頻暫停用的是哪個方法：BA. stop();B. pause();C. paused();D. play();31.在多媒體控制中以下代碼控制的是： Cif (myVideo.paused)myVideo.play();ElsemyVideo.pause();A. 全屏B. 靜音C.暫停和播放D. 以上都不是.精品文檔判斷(Y) execCommand方法主要用來操作瀏覽器命令。(Y) selection 是對當前激活選中區(qū)（即高亮文本）進行操作，在非 IE瀏覽器（Firefox、Safari、 Chrome、Opera）下可以使用window.getSelection()

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

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

13、。(N) web worker 是運行在后臺的 JavaScript，獨立于其他腳本 ,不會影響頁面的性能，不能嵌套子線程。.精品文檔填空1. ( rangeCount ) 返回 selection 中包含的 range 對象的數(shù)目，一般存在一個range， Ctrl 健配合使用可以有多個。2. Canvas則通過 JavaScript來繪制 ( 2D )圖形 :它表示跳轉(zhuǎn)到某個頁面，其中 go( 0 )代表刷新當前頁面。4. cookies在客戶端存儲信息的大小控制在 （ 4 ）K5. sessinStorage和 localStorage兩種方法都不支持（ 跨瀏覽器 ）操作。6. mani

14、fest 文件中要緩存的文件寫在（ cache）部分。7. 在文件 API 中，（ filelist ）對象是 file 對象的列表。8.File 控件內(nèi)只允許選擇一個文件，要允許選擇多個文件，需要在標記后添加（ multiple ）屬性。9.跨文檔消息傳輸功能需要對窗口對象的（message）事件進行監(jiān)聽。10. position.timestamp 屬性獲取位置信息的（ 時間）屬性獲取的是 ( 經(jīng)度 )屬性獲取的是（ 緯度）13. 如果一個元素允許被拖動的元素放入其中，需要加入（ dataTransfer.getData(“text ” ) ）事件規(guī)定在何處放置被拖動的數(shù)據(jù)。14.在 HT

15、ML5 中要實現(xiàn)拖放操作，需要將要拖放的對象元素的 draggable 屬性設置為（ true ）15.在瀏覽器支持的前提下 <video src="movie.ogg"></video>這行標記不能顯示視頻時因為沒有添加（ controls）屬性16.在 HTML5 中添加了 ( radio )標記來播放音頻。17.( worker )用來實現(xiàn) web 平臺上的多線程處理功能。18.要使塊級元素或表元素水平居中， 可以將其 margin 的左右邊距設置為（auto）。19.HTML5中， <video>標簽支持以下三種視頻格式：Ogg、

16、（MPEG4）和 WebM 。20.CSS有 3 種基本的定位機制：普通流、（浮動）和（絕對定位 ）。簡答題1簡述 HTML5 提供了哪些新的元素來創(chuàng)建更好的頁面結(jié)構(gòu)答：<section> 標簽用于定義文檔中的區(qū)段。<header>標簽用于定義文檔的頁眉（介紹信息）。<footer>標簽用于定義區(qū)段（ section）或文檔的頁腳。通常，該元素包含作者的姓名、文檔的創(chuàng)作日期或者聯(lián)系方式等信息。<nav>標簽用于定義導航鏈接。<article>標簽用于定義文章或網(wǎng)頁中的主要內(nèi)容。<aside>標簽用于定義主要內(nèi)容之外的其他內(nèi)

17、容。<figure>標簽用于定義獨立的流內(nèi)容（圖像、圖表、照片、代碼等等）。.SVG圖像。精品文檔2HTML5新增的與數(shù)據(jù)存儲和數(shù)據(jù)處理相關的新功能有哪些？答：HTML5新增的與數(shù)據(jù)存儲和數(shù)據(jù)處理相關的新功能如下：（ 1） Web 通信在 HTML 4中，出于安全考慮， 一般不允許一個瀏覽器的不同框架、 不同標簽頁、不同窗口之間的應用程序互相通信， 以防止惡意攻擊。 如果要實現(xiàn)跨域通信只能通過 Web 服務器作為中介。但在桌面應用中，經(jīng)常需要進行跨通信。HTML 5提供了這種跨域通信的消息機制。（ 2）本地存儲HTML 4的存儲能力很弱，只能使用 Cookie 存儲很少量的數(shù)據(jù)，比

18、如用戶名和密碼。 HTML 5 擴充了文件存儲的能力，可以存儲多達 5MB 的數(shù)據(jù)。而且還支持WebSQL和 IndexedDB等 輕量級數(shù)據(jù)庫，大大增強了數(shù)據(jù)存儲和數(shù)據(jù)檢索能力。（ 3）離線應用傳統(tǒng) Web 應用程序?qū)?Web 服務器的依賴程度非常高，離開Web 服務器幾乎什么都做不了。而使用HTML 5 可以開發(fā)支持離線的Web 應用程序，在連接不上Web 服務器時，可以切換到離線模式；等到可以連接 Web 服務器時，再進行數(shù)據(jù)同步，把離線模式下完成的工作提交到 Web 服務器。3. 簡述 CSS顏色中的 HSL顏色。答：CSS3支持以 HSL聲明的形式表現(xiàn)顏色。 HSL色彩模式是工業(yè)界的

19、一種顏色標準，是通過對色調(diào)（ H）、飽和度（ S）、亮度（ L）三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的這個標準幾乎包括了人類視力所能感知的所有顏色，是目前運用最廣的顏色系統(tǒng)之一。 HSL聲明的定義形式如下：hsl(色調(diào)值 , 飽和度值 , 亮度值 )參數(shù)說明如下：色調(diào)值，用于定義色盤， 0 和 360 是紅色，接近 120 的是綠色， 240 是藍色；飽和度值，一個百分比， 0%是灰度， 100%飽和度最高；亮度值，個百分比： 0%是最暗， 50%均值， 100%最亮。HSLA聲明在 HSL顏色的基礎上增加了一個 A 參數(shù)，設置該顏色的透明度。與 RGBA 一樣， A

20、參數(shù)的取值范圍也為 01，0 表示完全透明（即不可見）， 1 表示完全不透明。4比較 SVG圖像與 JPEG和 GIF，并說明 SVG圖像有哪些優(yōu)點？答：與 JPEG和 GIF等格式的圖像相比， SVG圖像主要具有如下優(yōu)勢：SVG圖像可以使用任何文本編輯器創(chuàng)建和編輯，而 JPEG和 GIF 等格式的圖像則必須使用專用的圖像編輯軟件創(chuàng)建和編輯。SVG圖像更易于壓縮、搜索（適用于制作地圖）、索引和腳本化?？s放 SVG圖像時，圖像不變形。可以在任何分辨率下打印高質(zhì)量的5試比較 SVG與 Canvas，二者有哪些異同點？答： SVG與 Canvas相比的異同如下：.精品文檔SVG是在 XML 中描述二

21、維圖像的語言；而 Canvas則在 JavaScript程序中繪制二維圖像。在 SVG中，每一個繪制的圖形都會被記錄為一個對象，當 SVG對象的屬性變化時，瀏覽器會自動重畫圖形。Canvas圖像是一個像素一個像素繪制的，一旦圖像繪制完成，瀏覽器就會忘了它。如果圖像的位置變化了，那么場景都要重畫，包括被該圖像覆蓋的對象。程序題使用 Canvas繪制一個寬 200 像素 高 100 像素的紅色矩形塊。<canvas id="mpc" width="200" height="100" style="background:#F00""></