首当其冲的立下了几条规矩：
1、禁止使用flash，动画效果用视频、canvas实现，不支持的浏览器降级使用图片。保持页面没有报错、样式错乱
2、页面需要兼容IE8、9、10、11、QQ浏览器、chrome、Firefox，不需要支持IE6\7
3、测试分辨率1024*768、1440*900、1920*1080，页面主内容区域可根据对应产品站点用户分辨率，从原本的1000px调整为1200px
4、页面foot，验证专题所属游戏域名【如：xxx.qq.com/foot.js】是否存在，如果存在是用这个版本的foot.js，不存在则使用通用版。
小编解释一下：上面第4条提到的foot.js以及通用版，小伙伴们不用理会，这是腾讯为了方便，把页面的foot写成了foot.js，以后直接调用就行了。
如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="gbk">
<meta name="robots" content="all">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="author" content="Tencent-CP">
<meta name="Copyright" content="Tencent">
<meta name="Description" content="">
<meta name="Keywords" content="腾讯游戏">
<title>专题主题（标题）- 产品中文全称官方网站 - 腾讯游戏</title>
<link href="css/common.css" rel="stylesheet">
<!-- 页面设计：cp | 页面制作：cp | 创建：2017-xx-xx -->
</head>
<script src="//ossweb-img.qq.com/images/js/foot.js"></script>
<script src="//ossweb-img.qq.com/images/js/title.js"></script>
<script src="//ossweb-img.qq.com/images/js/PTT/ping_tcss_tgideas_https_min.js"></script>
<script>
//此段代码不能放到外链JS中，
var setSite = { //设置网站属性
siteType: "os" || "a20160711xxx", //必填项:"os"代表是官网，如果不是，则填写actName例如a20160701xxx
pageType: "index", //必填项:本页面的定位；按照页面含义填写例如main||list||detail||download||share||page1||pageN
pageName: "首页", //必填项:页面中文名
osact: 0, //选填项:是否是官网专题(在官网运营的专题)boolean；默认是0；可以在链接上加入参数osact=1来灵活设置
ingame: 0, //选填项:是否投放在游戏APP内boolean；默认是0；可以在链接上加入参数ingame=1来灵活设置
stayTime: 0 //选填项:是否需要统计停留时长boolean；默认是0
}
if (typeof (pgvMain) == 'function') pgvMain();//千万不能忘记！
</script>
</body>
</html>
文档类型统一使用html5的doctype、编码统一使用gbk、添加版权和作者
<!DOCTYPE html>
<meta charset="gbk" />
<meta name="author" content="Tencent-CP" />
<meta name="Copyright" content="Tencent" />
Description和Keywords
注：Description值一般为页面标题或主题，针对该页面主题的说明。Keywords为产品名、专题名、专题相关名词，之间用英文半角逗号隔开。
<meta name="Description" content="" />
<meta name="Keywords" content="" />
文件规范
文件目录
1、存放图片/CSS文件夹命名规范：ossweb-img
2、CSS文件命名如：comm.css（单面页css放在同一个页面中，css的reset采用范例规定的格式）
3、JS文件(非必须，框架、公用js的放到该目录)：js，JS文件命名如：comm.js
4、inc文件(include页面片)：inc
5、分离前文件图片、CSS、JS引用的资源路径不要去掉http:
图片规范
图片标签
图片标签必须写上宽度、高度和alt属性，宽高为图片的原大小，例如：
<img src="" width="500" height="200" alt="活动奖品建筑排程卡"/>
测试标准
浏览器兼容性测试
兼容IE8、IE9、IE10、IE11、Firefox、chrome，QQ浏览器。并且拖大和缩小窗口，页面布局不会发生错位；
页面不需要兼容IE6、7，页面中可以在顶部加入以下提示，注意页面中CSS类browser-tips需要写上样式，并使用醒目的背景和字体颜色
<!--[if lt IE 7]><p class="browser-tips">您的浏览器版本过低，请升级浏览器获得更好的体验<p><![endif]-->
显示器分辨率测试
1024*768、1440*900、1920*1080
可读性测试
1、在屏蔽js、css后，页面要仍然具有良好的可读性。
2、表现与结构分离，代码中不要涉及表现元素，如：style、font、bgColor、border等。
3、选用恬当的元素，标题使用h1~h6，h1为网页一级标题，一个页面中只出现一次；
4、分大块使用div，段落使用p。数据列表使用table/ul/ol/dd等，关键字使用strong
怎么样？对你有所启发了吗？快告诉小编吧！
本文暂时没有评论，来添加一个吧(●'◡'●)