前端开发常见的布局包含：响应式布局，流式布局，静态布局，弹性布局

HTML5 classList API为我们提供了一种方法来获取一个DOM元素的class属性，并且可以使用JavaScript来修改它们。

webp格式是谷歌官方推出的一款图片格式，具有出色的压缩率，相比jpg格式小很多，所以网页浏览的速度很更快。webp文件可以使用ACDSee打开或者通过chrome浏览器打开，也可以将webp格式转化成其他格式打开。

响应式也叫自适应，指可以自动识别屏幕宽度、并做出相应调整的网页设计。目前被越来越多的站点所使用。同时百度也公开宣称鼓励大家用。

HTML5 新标签audio和ideo为视频和音频更好实现 ， 还引入基于浏览器的程序缓存，将应用数据在本地缓存。

微软曾发誓将支持 HTML 5，但同时表示那将是很远的事。然而 Gundotra 的演示却显示，HTML 5 已经长大，所有别的浏览器都在这方面努力作为，这对微软或许会是一种触动。

响应式由于结构过于复杂，想直接迁移到手机上，不太现实，不如直接设计一个手机版的首页。 结合用户需求和实现成本，对适用的尺寸进行取舍。

响应式网站是页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整