百度，淘宝，腾讯三大巨头HTML页面规范分解

【兼容html5方案】
百度贴吧，百度图片的实现

1. 
   

复制代码

腾讯isux研究院的实现

复制代码

淘宝- 我的淘宝页实现同上，只不过是不同版本

复制代码

不得不提的一个插件 https://github.com/aFarkas/html5shiv 在github 上达到了3453 星的高度，获得了国内外的广泛认可，如果你厌烦了满页面的div 想尽早拥抱html5 元素，就使用它吧。

【兼容模式的选择】
关于兼容模式
百度首页使用的是

复制代码

百度搜索页使用的是

复制代码

百度图片，腾讯isux研究院，淘宝收藏页使用的是

复制代码

X-UA-Compatible 这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式 
chrome=1写法可以达到的效果是如果安装了GCF，则使用GCF来渲染页面，如果未安装GCF，则使用最高版本的IE内核进行渲染。

百度首页那么点东西他当然不在乎用哪种模式，更多地去照顾老式浏览器； 搜索页倾向于速度有GCF的时候更愿意使用chorme渲染。

不得不吐槽，国内各的银行支付时的兼容支持，由此第三种得到大家的共同认可似乎也无可厚非。


【移动至上】

腾讯isux研究院的实现

1. 
   
2. 
   

复制代码

淘宝主页的实现

1. 
   

复制代码

这里没贴百度的，不代表百度不重视这一块，反而太重视了，19亿$买了91无线 再加上 百度App 贴吧App 音乐App 图片APP ... 全有了。

【建议升级】

1. 
   

复制代码

什么，连ie8都不是？ 无法容忍啊，建议你早点换吧！ 

【参考模版】

1. 
   
2. 
   
3. 
   
4.    
   
5.    
   
6.    
   
7.    
   
8.    
   
9.    
   
10.    
    
11.    
    
12.    
    
13.    
    
14.    
    
15.    
    
16. 
    
17. 
    
18. 
    
19.    
    
20. 
    
21.    

    300,000,00

    
    
22. 
    
23.    
    
24.    
    
25. 
    

复制代码

性属说明这个html内容是以中文为显示和阅读基础，多语言的网站建议添加。
通常情况下CSS放文档开始，脚本放在文档末尾我想不用解释太多
如果一个页面足够简单，写在页面上是完全 OK 的，特别是一些简单的专题，但是项目上需谨慎使用

页面全局变量命名随记 PDC FP PageInfo window.g_config (function(){window.PDC={}})(); 


【CDN加速】【dataUrl】【css spirte】【按需加载和loader机制】【压缩检查发布】
作为一个前端开发，这些你做了吗？