基于Modernizr让网站进行优雅降级的分析_html5教程技巧

如今一个网页展现的内容是越来越丰富，其中不乏一些HTML5、CSS3的功能特效。那么如果客户端的浏览器支持HTML5。页面访问效果很好没有问题。如果不支持HTML5，还是IE6,7,8等浏览器的时候呢？这个时候往往是作为一个前段人员非常头痛的事情了，兼容。

此时的兼容。无非是让用户能够尽可能的在所有的浏览器的里面看上去，使用上都是一致的。但是页面使用了HTML5标签，使用了CSS3样式。客户端浏览器不支持HTML5，怎么办呢?对于这样的问题，我们只能做到，能支持多少给支持多少。不能支持得给个友好提示和建议。让用户升级到更高版本的浏览器。所以在制作的编码过程中我们要进行一些功能性的检测.假设我们要做一个圆角效果。使用CSS3，HTML5 非常方便。

style >
article
{
background : lightblue ;
margin : 20px ;
padding : 5px ;
width : 350px ;
border-radius : 10px ;
box-shadow : 4px 4px 10px rgba(0, 0, 0, 0.5) ;
}
article h1 { font-size : 12px ; }
style >
article >
header > h1 > 我的标题 h1 > header >
p > 这个地方是内容 p >
article >

查看更多关于基于Modernizr让网站进行优雅降级的分析_html5教程技巧的详细内容...