html5新特性及常见问题

h5新特性

1. 用于绘画canvas元素
2. 用于媒介回放的video和audio元素
3. 本地离线存储localStorage 长期存储数据，浏览器关闭后数据不丢失；sessionStorage的数据字浏览器关闭后自动删除
4. 语义化更好的内容元素，比如：article、footer、header、nav、section
5. 表单控件，data、time、email、url、search、等
6. 新的技术webworker,websocket,Geolocation
7. 拖拽释放

新的文档声明

HTML5中新的语义化标签

列举常用的几种

• header
• footer
• article
• aside
• section

HTML5新的表单属性

• Datalist
• datetime
• output
• keygen
• date
• month
• week
• time
• number
• range
• emailurl

h5移出了哪些元素？

basefont, big, center, font, s, tt, u

本地存储(localStorage)和cookies储存有什么区别？

cookies:服务器和客户端都可以访问，大小只有4kb左右,有有效期,过期后将会删除
本地存储：只有本地的浏览器可以访问数据，服务器不能访问本地存储，可以故意通过post或者get的通道发送到服务器，每个域5MB,没有过期数据，直到用户从浏览器删除或者JavaScript代码删除

你如何对网站的文件和资源进行优化？

文件合并

文件最小化/文件压缩

使用CDN托管

缓存的使用

什么是响应式设计？

响应式设计就是一个网站可以兼容多个终端，而不是为每个终端做一个特定的版本。我们的页面都应该能够去自动响应用户的设备环境

HTML5 Canvas 元素有什么用？

Canvas 元素用于在网页上绘制图形，该元素标签强大之处在于可以直接在 HTML 上进行图形操作。

为什么利用多个域名来存储网站资源会更有效？

CDN缓存更方便 

突破浏览器并发限制 

节约cookie带宽 

节约主域名的连接数，优化页面响应速度 

防止不必要的安全问题

请谈一下你对网页标准和标准制定机构重要性的理解？

网页标准和标准制定机构都是为了能让web发展的更'健康'，开发者遵循统一的标准，降低开发难度，开发成本，也不会因为滥用代码导致各种BUG、安全问题，最终提高网站易用性。

知道css有个content属性吗？有什么作用？有什么应用？

css的content属性专门应用在 before/after 伪元素上，用来插入生成内容。最常见的应用是利用伪类清除浮动。

最常见的一种清除浮动：

.clear:after{
    display:block;
    content:''; 
    clear:both;
}
.clear{ 
    zoom:1;
}

如何在 HTML5页面中嵌入音频?

HTML 5 包含嵌入音频文件的标准方式，支持的格式包括 MP3、Wav 和 Ogg：

如何在 HTML5 页面中嵌入视频？

和音频一样，HTML5 定义了嵌入视频的标准方法，支持的格式包括：MP4、WebM 和 Ogg：