一个优秀的html文档头部

做网页，为达到原始的显示效果，最忌讳的要用户自己去更改系统配置，修改浏览器设置，除非真的是系统设置级别的东西，比如用户没安装插件，禁用了js这些。

想不到一个适合的标题来定义文章，暂且这么写吧，我觉得一个人好的网页结构代码，一定要瞻前顾后，即兼容旧的也能最大的兼容新的，甚至以后。

有这个想法是因为这次重装一个ghost win7系统后，ie9带来的烦恼以及感受，所说的仅仅以html css浏览器排版与渲染为对象。

首先浏览自己的网站，发现有细微排版上的变化，有一个地方坏了，查看之下，是因为ie9使用了ie7文档模式，

纳闷中，浏览163，sohu,qq邮箱 也是ie9使用了ie7，浏览猪八戒，好家伙，这货直接说我浏览器版本太低，不是ie9么，怎么这么说我，

于是发现浏览器全部使用了ie7文档模式，

 

解决方法当然有很多，但是应该瞥除一切修改注册表，修改组策略这类方法，

那剩下的就是在html代码中，要声明强制ie使用哪个文档类型，

如果是html5就使用强制使用ie9，如果是xhtml,就统一为ie8文档类型，

或直接判断用户浏览器版本，再设置对应的文档类型声明。

其实也有些网站已经做了，比如 淘宝网 ，msn，京东这些，

ie真是祸害，ie5升ie6是一次成功，ie7是祸害，ie8是成功，ie9又是祸害，ie10没试过。

以上提到的所有网站，在ff  google chorme  safari 以及360都没有问题，

不说了，还是回到兼容上吧。

于是我觉得，一个优秀良好的功能性网站，是应该预想这些并有方针的，如下

<title>500px / Popular Photos</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta property="fb:app_id" content="24324666158" /> <meta name="apple-itunes-app" content="app-id=471965292, app-argument=px://500px.com/popular"> <meta name="viewport" content="width=1240, maximum-scale=1.5" /> <meta name='keywords' content='photos, photographers, photo portfolio, online photo portfolio, photo digest, web photo portfolio, online photo gallery, share pictures, professional photography, social photography, upload photographs, share photo, outstanding photo portfolio, photo community, fresh photos, portfolio in seconds, models vs photographers, commercial photography, architectural photography, professional portfolio management'/> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
 <meta name='description' content='500px lets you create stunning professional photo portfolios, find friends, express yourself and connect with people like you.'> 
 <!--[if IE 8]>  <script src="</script" rel="nofollow">http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
 <link href="//500px.com/assets/application-34319fd3189f45a75a8cf8b8a7320af5.css" media="screen, projection" rel="stylesheet" type="text/css" /> <link href="//500px.com/assets/print-bffef4637148924d2be20bd4416384f4.css" media="print" rel="stylesheet" type="text/css" /> 
 <!--[if IE 8]>  <link href="//500px.com/assets/ie8-c019bda2cded218b6e522c3314bf2c29.css" media="screen, projection" rel="stylesheet" type="text/css" /> <![endif]--> <!--[if IE 9]>  <link href="//500px.com/assets/ie9-44964d1ac83a7d28e3ff43672c3bc0d7.css" media="screen, projection" rel="stylesheet" type="text/css" /> <![endif]-->