1. 如果我不放入<!DOCTYPE html>, HTML5还会工作么？
不会，浏览器不能识别他是HTML文档，同时HTML5的标签将不能正常工作
2. HTML5新增标签及细节
<header>：代表HTML的头部数据
<footer>：页面的脚部区域
<nav>：页面导航元素
<article>：自包含的内容
<section>：文档中的区段
<aside>：侧边栏内容
<details>: 折叠效果的文档区域
<datalist>: 有助于文本框自动完成特性
3. Datalist标签的细节
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
4. HTML5中新增的表单元素
- Color
- Date
- Datetime-local
- Time
- Url
- Range
- Telephone
- Number
- Search
5. 什么是SVG（可缩放矢量图形）
基于文本的图形语言，使用文本，线条，点来进行图像绘制，更加轻便，更加迅速
6. Canvas是HTML中你可以进行绘制图形的区域
7. SVG和Canvas的区别是什么
| SVG | Canvas |
|---|---|
| 简单来说就像绘制和记忆，任何使用SVG绘制的形状都能被记忆和操作，浏览器可以再次显示 | Canvas就像绘制和忘记，一旦绘制完成你不能访问像素和操作它 |
| svg对于创建图形例如CAD软件是良好的，一旦东西绘制，用户就想去操作它 | canvas在绘制和忘却的场景例如动画和游戏是良好的 |
| 为了之后的操作，需要记录坐标，所以比较缓慢 | 因为没有记住以后事情的意向，所以更快 |
| 我们可以用绘制对象的相关事件处理 | 我们不能使用绘制对象的相关事件处理，因为我们没有他们的参考 |
| 与分辨率无关 | 与分辨率有关 |
8. HTML5使用Canvas和SVG绘制矩形
<svg xml="http://www.w3.org/2000/svg" version="1.1">
<rect style="fill:rgb(0,0,255);stroke-width: 1px;stroke:rgb(0,0,0)" height=""[Object SVGAnimatedHeight]"" width="[Object SVGAnimatedWidth]"><rect/>
var c = document.getElementById('canvas1')
var ctx = c.getContext("2d")
ctx.rect(20, 20, 150, 100)
ctx.stroke()
9. Web Worker帮助我们异步执行Javascript文件
10. WebWorker线程的限制是什么
WebWorker线程不能修改HTML元素，全局变量和Window.Location一类的窗口属性。你可以自由使用Javascript数据修改类型，XMLHttpRequest调用等。
11. Worker线程代码示例
var worker = new Worker('myProcess.js')
worker.postMessage()// 使用PostMessage发送信息给worker对象
worker.onmessage = function(e) {
document.getElementById('txt1').value = e.data
}
worker.terminate()// 终止
12. HTML5的服务发送事件
var source = new EventSource('/api')
source.onmessage = function(event) {
document.getElementById('result').innerHTML += event.data + "<br>"
}
source.addEventListener('message', function(e) {
console.log(e.data)
}, false)
13. HTML5本地存储
localStorage.setItem('name', "value")
localStorage.getItem('name') // value
14. 本地存储和Cookie之间的区别是什么
| Cookie | localStorage |
|---|---|
| 客户端和服务端都可以访问数据，Cookie的数据通过每一个请求发送到服务端 | 只有本地浏览器端可以访问数据，服务器不能访问本地存储直到故意通过POST或者GET的通道发送到服务器 |
| 每个Cookie只有4095Byte | 每个域5MB |
| Cookie有有效期，所以在过期之后Cookie和Cookie数据都会被删除 | 没有过期数据，无论最后用户从浏览器删除或者使用Javascript程序删除，我们都需要考虑主动删除 |
15. 什么是事务存储，我们如何创建一个事务存储
sessionStorage.变量名，数据会在关闭浏览器之后清除
16. HTML5中的应用缓存
需要指定"mainfest"文件，这个文件帮你定义你的缓存如何工作，结构如下
CACHE MAINFEST
# versio 1.0
CACHE
login.html
————————
在html中引入
<html mainfest="login.html">
mainfest文件类型为"text/cache-mainfest"，通过变更#后面的版本号来更新内容
网友评论