现在在做前端布局的时候，很多时候都不会再考虑IE 6-8的兼容性了，但是目前依然有很多IE 6-8的用户，他们打开这样的网站时的看到的页面可能是杂乱无章的。这时如果我们在一个地方给出显眼的提示，如“您的浏览器版本过低，为了获得更好的用户体验，建议您使用火狐浏览器或将IE升级到更高版本”，这样的用户体验要比只有杂乱的布局好一些。所以今天我们就提供一种根据浏览器类型及其版本给出提示的方法。

做HTML页面布局的时候，经常会需要实现“全选/反选”这样的功能，那么今天我们就来分享一个最简单的实现方式的代码。本例用jQuery的方法实现。

几个常用的CDN公共库
谷歌CDN
http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js
提示：使用谷歌或微软的 jQuery，有一个很大的优势：

jQuery Mobile（jQueryMobile） 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。我们将尽全力去满 足这样的需求。

现如今，网站开发设计的需求会要求自动适应所有移动设备，即响应式网站: 在开发网站时必须考虑对平板设备融合 fluid（流）和自适应性特点。

大多数网站设计要靠margins, guides, rows and columns等网格系统和布局来在网页上组织内容。网格设计常见于报纸和杂志中的文字图像排版设计。