HTML5考试复习资料

1、2. 单项选择selection对象的哪个方法直接将用户选取的终点移到起点：Dselection.collapse();B.selection.containsNode();C.selection.collapseToEnd();D.selection.collapseToStart();从当前selection移除range对象使用的方法是：CaddRange(range);B.removeAllRanges()C.removeRange(range);D.getRangeAt(index);创建一个selection对象用的是哪个方法：C();();();();删除内容用的是哪个方法:B.

2、createRange();D.toString();B.document.createRange();D.toString();A.cloneRange();C.deleteContents();创建Range用的是哪个方法：BA.cloneRange();C.deleteContents();Canvas图形，需要在正中间的位置填充线性渐变色，使用addColorStop(X,"#0000ff");其中X的值是多少？CA.50%B.1/2D.50cxt.arc(100,100,100,0,Math.PI*2,true)Canvas绘制圆形的arc方法中，参数说明正确的选

3、项是：C圆半径，圆心X坐标，圆心Y坐标，开始角度，结束角度，是否顺时针圆心Y坐标，圆心X坐标，圆半径，开始角度，结束角度，是否顺时针圆心X坐标，圆心Y坐标，圆半径，开始角度，结束角度，是否顺时针圆心X坐标，圆心Y坐标，圆半径，开始角度，结束角度，是否逆时针Canvas绘制线条时用下面哪个方法设置起点坐标：ACanvas用于填充颜色的属性是：A创建Canvas画布使用的方法是：CA.getContext("3d");B.document.Context("3d");C.getContext("2d");D.document.Contex

4、t("2d");3. window.history.forward()它表示C本地存储用到的键名只能是:17. 读取localStorage数据的方法是：BA.localStorage.getItem（"键值"）;B.localStorage.getItem（"键名"）;C.localStorage.loadItem（"键值"）;D.localStorage.loadItem（"键名"）;读取sessionStorage数据的方法是：BA.sessionStorage.getItem（"

5、;键值"）;B.sessionStorage.getItem（"键名"）;C.sessionStorage.loadItem（"键值"）;D.sessionStorage.loadItem（"键名"）;sessionStorage保存数据的方法正确的选项是：AsessionStorage.setItem（"键名”,”键值"）;sessionStorage.saveItem（"键名","键值"）;sessionStorage.setItem（"键值"

6、;,"键名"）;sessionStorage.saveItem（"键值","键名"）;以#开头的单行注释C以!-的多行注释D.以/*/的多行注释编写manifest文件分为几个部分：DA.1B.2C.3D.4配置manifest文件，IIS的配置方法是在网站属性的头标签中找到MIME类型添加关联扩展名manifest内容类型输入B离线应用中，manifest文件放在网页文件的哪个标记后面A.BodyB.HtmlC.DivD.head离线应用中，manifest文件放在网页文件的哪个标记后面AA.BodyB.HtmlC.DivD.hea

7、d21.Blob对象中的type属性表示文件的DA.文件名B.文件大小C.图片格式D.MIME类型FileReader对象使用方法把图片显示出来：CA.readAsBinaryStringB.readAsTextC.readAsDateURLD.readAsArrayBufferGoogle页面的输入框里,当使用Google图像搜索时，你可以把一幅图片从电脑桌面拖放到这就是使用HTML5的API实现的。DA.HistoryB.SystemC.ImagesD.File向子页面发送消息window.frames0.postMessage("ninhao”,":/localhos

8、t/2.html指的是：BA.发送方地址B.接收方地址C.以上都不是:/localhost/2.html");25.向其他窗口发送消息，otherwindow.postMessage()中的消息内容为所发送的消息文本，也可以是：A.程序脚本B.html代码C.JOSNt本D.XML代码26.跨文档消息传输过程中，event.data属性：BA.返回消息的文档来源B.返回消息内容C.返回消息的接受地址27在HTML页面中插入<scriptsrc=":/maps.google/maps/api/js?sensor=false"></script>

9、;的作用是:BA.调取谷歌的云服务B.调取谷歌的地图服务C.调取应用服务接口D.以上都不是28.使用getCurrentPosition获取当前地理位置信息，如果要输出图片需要使用地图接口google的varimg_url=":/maps.googleapis/maps/api/staticmap?center="+latlon+"&zoom=14&size=400x300&sensor=false”;document.getElementById("mapholder").innerHTML="<img

10、src='"+img_url+"'/>"上述代码中latlon需要获取的是：AA.海拔高度B.精确度C.经纬度D.延时29.为了使元素可拖动，把属性设置为A.EditableB.Draggabletrue。BC.Contenteditable30.控制视频暂停用的是哪个方法:A.stop();B.pause();BC.paused();D.play();31.在多媒体控制中以下代码if(myVideo.paused)myVideo.play();Else控制的是:myVideo.pause();A.全屏B.静音D.以上都不是判断(Y)exec

11、Command方法主要用来操作浏览器命令。(Y)selection是对当前激活选中区即高亮文本进行操作，在非IE浏览器Firefox、Safari、Chrome、Opera下可以使用window.getSelection()获得selection对象。(N)Canvas绘制图形，可以使用createRadialGradient()方法创建一个线性渐变。(Y)Canvas依赖分辨率，不支持事件处理器，文本渲染能力弱，能够以.png或.jpg格式保存结果图像，最适合图像密集型的游戏。(Y)pushState()用于向history对象添加当前页面的记录，并且改变浏览器地址栏的URL(Y)sessi

12、nStorage,用来保存从浏览器打开网站到关闭这段时间所要求保留的所有数据。(N)localStorage,将数据保存在客户端本地的硬盘里，但还是做不到永久保存。(N)Blob对象有两个属性，一个是size属性，表示字节长度，一个是name属性，表示文件的名称。(Y)跨文档消息传输指的是网页文档之间互相接受和发送消息的功能。(N)使用geolocation属性获取到的当前地理位置比应用程序中使用GPS更精准。(N)任何版本的浏览器都可以使用geolocation属性获取当前地理位置(N)拖放API不支持在浏览器与其他应用程序之间的数据互相托动。(Y)<video>标记后面的pre

13、load属性表示视频在页面加载时进行加载，并预备播放。(Y)要确保适用于Safari浏览器，视频文件必须是MPEG4类型。(N)webworker是运行在后台的JavaScript独立于其他脚本，不会影响页面的性能，不能嵌套子线程。填空(rangeCount)返回selection中包含的range对象的数目，一般存在一个range,Ctrl健配合使用可以有多个。1. Canvas则通过JavaScript来绘制(2D)图形：2. window.history.go()它表示跳转到某个页面，其中go(0)代表刷新当前页面。3. cookies在客户端存储信息的大小控制在4KsessinStor

14、age和localStorage两种方法都不支持跨浏览器操作。4. manifest文件中要缓存的文件写在cache部分。5. 在文件API中，filelist对象是file对象的列表。6. File控件内只允许选择一个文件，要允许选择多个文件，需要在标记后添加multiple属性。7. 跨文档消息传输功能需要对窗口对象的message事件进行监听。12. 属性获取位置信息的时间position.coords.latitude属性获取的是纬度如果一个元素允许被拖动的元素放入其中，需要加入dataTransfer.getData("text")事件规定在何处放置被拖动的数据。

15、4. 在HTML5中要实现拖放操作，需要将要拖放的对象元素的draggable属性设置为true<videosrc="movie.ogg"></video>这行标记不能显示视频时因为没有添加controls属性在HTML5中添加了(radio)标记来播放音频。5. (worker)用来实现web平台上的多线程处理功能。6. 要使块级元素或表元素水平居中，可以将其margin的左右边距设置为auto。7. HTML5中，<video>标签支持以下三种视频格式：Ogg、MPEG4和WebM。8. CSSW3种基本的定位机制：普通流、浮动和绝对

16、定位。简答题简述HTML5提供了哪些新的元素来创建更好的页面结构答：<section>标签用于定义文档中的区段。<header>标签用于定义文档的页眉介绍信息。<footer>标签用于定义区段section或文档的页脚。通常，该元素包含作者的、文档的创作日期或者联系方式等信息。<nav>标签用于定义导航链接。<article>标签用于定义文章或网页中的主要内容。<aside>标签用于定义主要内容之外的其他内容。<figure>标签用于定义独立的流内容图像、图表、照片、代码等等。1. HTML5新增的与数据存储和

17、数据处理相关的新功能有哪些？答：HTML5新增的与数据存储和数据处理相关的新功能如下：1Web通信在HTML4中，出于安全考虑，一般不允许一个浏览器的不同框架、不同标签页、不同窗口之间的应用程序互相通信，以防止恶意攻击。如果要实现跨域通信只能通过Web服务器作为中介。但在桌面应用中，经常需要进行跨通信。HTML5提供了这种跨域通信的消息机制。2本地存储HTML4的存储能力很弱，只能使用Cookie存储很少量的数据，比方用户名和密码。HTML5扩充了文件存储的能力，可以存储多达5MB的数据。而且还支持WebSQL和IndexedDB等轻量级数据库，大大增强了数据存储和数据检索能力。3离线应用传统

18、Web应用程序对Web服务器的依赖程度非常高，离开Web服务器几乎什么都做不了。而使用HTML5可以开发支持离线的Web应用程序，在连接不上Web服务器时，可以切换到离线模式；等到可以连接Web服务器时，再进行数据同步，把离线模式下完成的工作提交到Web服务器。2. 简述CSS颜色中的HSL颜色。答：CSS鼓持以HSL声明的形式表现颜色。HSL色彩模式是工业界的一种颜色标准，是通过对色调H、饱和度S、亮度L三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。HSL声明的定义形式如下：hsl（色调值，饱和度值，亮度值）参数说明如下：色调值，用于定义色盘，0和360是红色，接近120的是绿色，240是蓝色；饱和度值，一个百分比，0%是灰度，100%饱和度最高；亮度值，个百分比：0%是最暗，50%均值，100%最亮。HSLA声明在HSL颜色的基础上增加了一个A参数，设置该颜色的透明度。与RGBA一样，A参数的取值范围也为01,0表示完全透明即不可见，1表示完全不透明。3. 比较SVG图像与JPE冷日GIF,并说明SVG图像有哪些优点？答：与JPE密日GIF等格式的图像相比，SVG图像主要具有如下优势：SVG图像可以使用任何文本编辑器创建和编辑，而JPEGGIF等格式的图