HTML5知识点详解与新增特性概览

版权申诉
0 下载量 180 浏览量 更新于2024-08-29 收藏 376KB PDF 举报
HTML5考试题涵盖了HTML5的主要特性、新功能和API的掌握要点。以下是详细解释的部分知识点: 1. HTML5新增标签:HTML5引入了许多新的元素,如 `<aside>`(侧边栏内容)、`<bdi>`(生物方向独立文本)和`<dialog>`(对话框或模态框),这些元素使得结构更清晰,语义化更强。同时,`<command>`和`<canvas>`也是新增的,前者用于定义用户界面中的命令,后者则用于在网页上绘制图形,替代了Flash的部分功能。 2. HTML5 API:MediaAPI、HistoryAPI和localStorage/sessionStorage是HTML5的重要新增API,它们分别涉及媒体播放、浏览器历史管理和本地数据存储。CommandAPI并未被HTML5采纳。 3. HTML5特性和兼容性:HTML5不仅提供了简化语法,而且兼容HTML4,可以在旧版浏览器中正常工作。尽管如此,HTML5增加了离线缓存机制,以改善用户体验,特别是对于移动设备。 4. `<canvas>`方法:`getContext()`用于获取2D或WebGL上下文,`fill()`和`stroke()`用于填充和描边路径,而`controller()`并不是canvas的官方方法,可能是误写。 5. HTML5的优势:HTML5不仅仅是对HTML4的升级,它引入了针对移动设备优化的特性,如离线存储和更好的多媒体支持。同时,虽然并非所有浏览器都完全支持,但主流浏览器确实支持大部分HTML5功能。 6. 不支持的视频格式:HTML5支持多种视频格式,包括OGG、MP4和WebM,但不包括FLV。 7. 存储类型:localStorage、sessionStorage和ApplicationCache都是HTML5特有的存储方式,而Cookie虽然在HTML5之前就已经存在,但并非HTML5特有的。 8. FileReader方法:`readAsText()`方法用于读取文件内容,第二个参数可以设置编码,但默认为UTF-8。`readAsBinaryString`用于读取二进制数据,`onabort`和`onload`是其事件处理函数。 9. 关于canvas:`clearRect()`用于清除指定区域,`drawImage()`有多个变体,`fillText()`第三个参数非必填,用于指定文本的最大宽度。 10. HTML5的WebSql和IE8兼容性:WebSql已被移除,不再作为HTML5的一部分。HTML5确实支持IE8及更高版本,但仍处于不断发展的阶段,预计未来会继续优化。 11. video元素:video元素支持现代浏览器播放多种视频格式,如上面所述,不包括FLV。 HTML5考试题主要考察考生对HTML5新标签、API的理解、跨浏览器兼容性、多媒体支持、存储技术以及Canvas和Video元素的使用,这些都是HTML5开发者必须掌握的关键知识点。