HTML5 测验

测试一下你对 HTML5 新特性的了解程度吧！

---

问题 1: 下面哪个元素用于定义文档的核心主体内容，并且一个页面只应该有一个？

• [ ] <section>
• [ ] <main>
• [ ] <article>
• [ ] <div>

答案: <main>

---

问题 2: 你想创建一个输入框，让用户只能输入有效的电子邮件地址。你应该使用哪个 type 属性？

• [ ] type="text"
• [ ] type="email"
• [ ] type="url"
• [ ] type="string"

答案: type="email"

---

问题 3: 哪个 HTML5 元素用于在网页上原生播放视频，无需插件？

• [ ] <movie>
• [ ] <media>
• [ ] <video>
• [ ] <embed>

答案: <video>

---

问题 4: 当你想在用户的浏览器中永久存储少量数据（即使用户关闭浏览器后数据依然存在），你应该使用哪个 Web Storage 对象？

• [ ] sessionStorage
• [ ] globalStorage
• [ ] cookieStorage
• [ ] localStorage

答案: localStorage

---

问题 5: 哪个技术允许你在后台运行 JavaScript，以防止复杂计算冻结用户界面？

• [ ] setTimeout
• [ ] Ajax
• [ ] Web Workers
• [ ] requestAnimationFrame

答案: Web Workers

---

问题 6: 如果你需要一个从服务器到客户端的、轻量级的、单向的实时数据流（例如新闻推送），并且希望利用自动重连功能，哪个技术是最佳选择？

• [ ] WebSockets
• [ ] Long Polling
• [ ] Server-Sent Events (SSE)
• [ ] Flash

答案: Server-Sent Events (SSE)

---

问题 7: <canvas> 和 <svg> 都可以用来绘图，它们最主要的区别是什么？

• [ ] <canvas> 是基于矢量的，<svg> 是基于像素的。
• [ ] <canvas> 绘制的图形是 DOM 的一部分，<svg> 不是。
• [ ] <canvas> 是基于像素的，放大后会失真；<svg> 是基于矢量的，无限缩放不失真。
• [ ] <svg> 必须使用 JavaScript 绘图，<canvas> 可以用 CSS。

答案: <canvas> 是基于像素的，放大后会失真；<svg> 是基于矢量的，无限缩放不失真。

---

问题 8: 在实现拖放功能时，为了让一个元素能够被成功放置在另一个元素上，你必须在放置区的哪个事件中调用 event.preventDefault()？

• [ ] ondrop
• [ ] ondragstart
• [ ] ondragenter
• [ ] ondragover

答案: ondragover