html5考试题.pdf

HTML5是下一代网页标准，对之前的HTML4进行了许多改进和扩展。它引入了新的标签、API、存储机制以及多媒体处理能力，旨在提升用户体验并简化开发者的工作。以下是对这些知识点的详细解释： 1. 新增标签：HTML5引入了一些语义化标签，如`<aside>`（侧边栏内容）、`<bdi>`（双向隔离元素）、`<dialog>`（对话框）和`<command>`（命令按钮）。`<isindex>`和`samp`是HTML4已有的标签，而`s`则是一个旧有的标签，表示删除线。 2. Media API和Command API：Media API允许开发者更直接地控制音频和视频元素，比如通过JavaScript操作播放、暂停等功能。Command API则用于定义命令按钮，增强用户界面交互。 3. 离线缓存：HTML5的离线存储机制，如Application Cache，使得网页可以在离线状态下仍然能够访问一部分预先缓存的内容。 4. `<canvas>`标签：`<canvas>`提供了在网页上动态绘制图形的能力，支持`getContext()`获取绘图上下文，`fill()`填充区域，`stroke()`描边，但不支持`controller()`方法。 5. `<video>`元素：`<video>`元素用于内嵌视频，支持多种格式如ogg、mp4和WebM。`source`元素可以指定多个源，浏览器会根据支持情况选择播放。`loop`属性让视频循环播放，`poster`属性可以设置视频封面。 6. Geolocation API：navigator.geolocation接口允许获取用户的地理位置信息，而`window.FileReader`对象用于读取本地文件。 7. 新的输入类型：HTML5增加了新的输入类型，如DateTime、file、colour和range，提供更丰富的表单输入体验。 8. @font-face和离线存储：@font-face允许在网页中使用自定义字体，离线存储则允许网站数据在离线时仍可访问。 9. Web Workers：Web Workers提供后台线程，处理耗时计算，但不能直接修改HTML元素或全局变量，也不能访问Window.Location。 10. AppCache：应用程序缓存（AppCache）通过manifest文件定义需要缓存的资源，FALLBACK用于指定当网络不可用时的备用资源，NETWORK指示某些资源始终需要从网络获取，CACHE则列出了要缓存的文件。 11. SVG和querySelector：SVG是用于创建矢量图形的XML语言，querySelector与jQuery的选择器类似，用于选取DOM元素。 HTML5不仅扩展了HTML的结构标签，还增强了浏览器的多媒体处理能力，提供了离线存储、Web Workers等新功能，显著提升了网页开发的效率和用户体验。HTML5标准仍在不断演进和完善，对于开发者来说，掌握这些新特性和API是至关重要的。