# 移动端专题

# 专题创建

  • 专题命名

    专题文件夹的命名为:a+年月日+专题英文或拼音小写简写+版本号,如:a20180412test12

  • 文件命名

    html首页文件必须命名为"index",文件名禁止特殊字符比如空格、$等。统一使用英文单词或拼音缩写,必须小写,使用-隔开。

# 页面头尾部

  • navibar.js

    根据专题所属项目引用公用组件头部JS

      // 剑网三头部导航栏
      <script src="//zhcdn01.xoyo.com/xassets/com/jx3/navibar/v2/navibar.js"></script>
    
  • footer.js

    引用公用组件底部通用栏JS

      // 底部通用栏
      <script src="//zhcdn01.xoyo.com/xassets/com/pf/footer/v3/black/footer.js"></script>
    

# 页面TDK、Meta

# 页面内容

  • 默认字体

    使用reset样式,默认字体微软雅黑,使用英文方式:font-family:'Microsoft Yahei,微软雅黑,Tahoma,Helvetica Neue,Helvetica,PingFang SC,sans-serif'、 引用reset css

      // reset.css
      <script src="//zhcdn01.xoyo.com/xassets/com/pf/reset/reset.css"></script>
    
  • CSS

    css、class、id都需小写且书写合法,禁止特殊字符,使用-隔开

  • 页面跳转

    如为双端页面,需要自动判断跳转,如PC访问移动端页面,跳转到对应的PC专题上,反之亦然

  • HTML标签

    标签必须合法且闭合、嵌套正确,标签名均为小写,无语法错误

  • 链接

    页面A标签需要添加链接地址,并能正常打开,无地址时候添加

       javascript:alert('敬请期待!')
    
  • https协议

    分离后的页面链接、图片链接、静态资源等去掉http:使用//自适应。

  • CDN地址

    JS、CSS等公用静态资源,如jQuery,统一使用西山居CDN地址。禁止添加其他非西山居域名下的资源

# 图片规范

  • 图片标签

    图片标签必须写上宽度、高度和alt属。宽高为图片的原大小,alt不能为无意义字符,需要能表现出图片的含义,如图片为道具图,则应该为道具的名称。

  • 合理切图

    道具图片、头像、奖品,必须单独切割出来

# 兼容测试

  • 兼容

    兼容安卓4.4及以上、iOS最新版本下的微信、手Q、UC、QQ浏览器,如果是游戏APP内置页面,必须兼容游戏对应内置的MSDK浏览器

  • 音频/视频

    为了音频/视频可以在不同设备表现更好,请参阅。

  • 分享

    --引用公用分享组件,按需求合理填充页面的分享信息,标题不超过20个字符,描述不超过100个字符。分享图标的地址协议使用https,图片尺寸为200*200

# 内容检查

  • 页面内容检查 代码之外的检查,例如错别字、图片版权等

# 其他

页面video视频使用注意事项。