网页DOCTYPE声明及兼容优化问题

时间:2015-01-07 15:25:34

随着HTML5草案的正式定稿发布,作为下一代的网页规范标准,html5给我们展示了一个绚丽多彩、功能强大的WEB前端技术的解决方案。并且由于国产浏览器厂商之间的竞争,IE6_7的市场份额也一直在不断下降,对HTML5支持比较好的WebKit类浏览器用户也越来越多,因此建议大家在编写HTML文档的时候,为了最优兼容性的考虑,尽量按照HTML5的规范标准来。


一,doctype声明的问题:

文档声明的目的是向浏览器解释该网页使用的文档类型,现在的所有新版浏览器对于html兼容性都很好,基本上已经不需要再根据doctype类型来决定不同的渲染模式了。不过为了更符合W3C的规范,一般网页上都会加上这个声明。

例如本博客之前的doctype声明,<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

但根据HTML5的推荐标准,建议修改成:<!DOCTYPE html>

由于HTML5 不基于 SGML,所以HTML5不需要引用 DTD。doctype声明直接写成<!DOCTYPE html>就好了,这种方式更加简单规范且兼容各种版本浏览器,不会影响现有网页的显示效果。


二,META标记的问题:

由于win7系统的默认浏览器是IE8,大多数普通网友重装系统后,不懂也懒得换浏览器,而各国产双核浏览器的兼容模式调用的就是系统默认浏览器的内核。随着win7系统的装机量不断升高,在逐渐淘汰IE6_7后,IE8的市场占有率可能还会坚持一段不短的时间。

针对IE8的兼容性优化,建议大家使用这个标签:

< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />

这个标签的作用是让IE8模拟其他版本浏览器的渲染方式,IE=edge表示模拟最高版本IE的渲染方式。chrome=1是让IE8模拟chrome浏览器webkit内核的渲染方式,不过这个功能需要Google Chrome Frame(谷歌内嵌浏览器框架GCF)插件的支持,如果用户系统安装了这个插件,则调用chrome浏览器的内核来渲染网页。

GCF下载地址: http://code.google.com/intl/zh-CN/chrome/chromeframe/

不得不说,Google的这个外挂很给力。关于这个插件其他信息可以百度一下。


本站所有文章均为天行博客原创,转载请注明来源及出处!

作者:宇天行 (关于我

本文首发地址:https://www.huceo.com/post/390.html

或许您还会喜欢这些文章:

Tags: 作者:宇天行 | 分类:开发技术 | 评论:49 | 浏览:8200