现在很大部分的浏览器已更新并都支持最新的网站开发技术,比如现在国外比较流行的H5+CSS3标签代码已在国内被广泛的使用。H5的代码非常的简答、优雅、容易阅读。在前端的技术上H5+CSS3的搭配能产生很多不错的动画及交互效果,查看CSS3代码可以使用类似firefbug这些开发者工具来查看。
你可以很细心的看到他们这个是用什么语义的标签来写,比如这里使用了h3标签、这里图标使用了background样式来简化布局等。网站设计的整体视觉上,对网站配色及排版设计上,使用这些排版及本色方案应用到你的设计。其次就是一些细节,如字体样式的使用、图像效果设计等等。H5支持的浏览器包括Chrome(谷歌浏览器)、Firefox(火狐)、Safari、Opera、IE9及其更高版本等。
那我们的页面是否整站使用html5来进行制作呢?
Html5有新增许多标签以及属性,如果整站都使用html5来进行制作的话,就需要html5独特的标签和相关属性,以及配合最新的css3样式来进行使用。现阶段所有版本较新的浏览器都基本支持html5和css3,可是在IE浏览器中,只有IE9及以上的版本支持html5和css3样式,且IE9浏览器也只是兼容html5和css3的部分属性和样式。IE8以下的浏览器则不兼容html5和css3样式。
如果整站网站制作使用html5标签和css3样式的话,IE8以下的页面不会读取解析html5的标签和css3的样式内容。这时,整个页面将会变得混乱,没有任何样式或属性进行加持。如果只是部分使用html5的相关属性和css3的话,整个页面在保障兼容时使用div+css为主要框架,只是在某些特殊部分使用html5的相关属性。这样,即使ie8以下不兼容,也不会使整个页面混乱。