淘宝模板开发系列之HTML规范

HTML白名单

因为考虑到标签的id属性会和淘宝官方的标签id冲突，因此所有的的标签都不支持id属性

1. <a> 标签
   • 标准属性：class, title, style, dir, lang, xml:lang
   • 可选属性：

     charset,coordshrefhreflangnamerelrevshapetargettype

2. <abbr> 标签
   • 标准属性：class, title, style, dir, lang, xml:lang
3. <acronym> 标签
   • 标准属性：class, title, style, dir, lang, xml:lang
4. <address> 标签
   • 标准属性：class, title, style, dir, lang, xml:lang
5. <area>标签
   • 标准属性：class, title, style, dir, lang, xml:lang
   • 可选属性：

     alt,coordshrefnohrefshapetarget

6. <b>标签
   • 标准属性：class, title, style, dir, lang, xml:lang
7. <base>标签
   • 标准属性：class, title, style, dir, lang, xml:lang
   • 必选属性：

     href

   • 支持属性：

     target

8. <basefont>标签
   • 标准属性：class, title, style, dir, lang, xml:lang
   • 可选属性：

     colorfacesize

9. <bdo>标签
   • 标准属性：iclass, title, style, lang, xml:lang
   • 可选属性：

     dir

10. <big>标签
    • 标准属性：class, title, style, dir, lang, xml:lang
11. <blockquote> 标签
    • 标准属性：class, title, style, dir, lang, xml:lang
    • 可选属性：

      cite

12. <br>标签
    • 标准属性:class, title, style
13. <button>标签
    • 标准属性：class, title, style, dir, lang, xml:lang, tabindex
    • 可选属性：

      disabled, name, type, value, size

14. <caption>标签
    • 标准属性：class, title, style, dir, lang, xml:lang
    • 可选属性：

      alignspan

15. <center>标签
    • 标准属性：class, title, style, dir, lang, xml:lang
16. <cite>标签
    • 标准属性：class, title, style, dir, lang, xml:lang
17. <col>标签
    • 标准属性：class, title, style, dir, lang, xml:lang
    • 可选属性：

      aligncharcharoffspanvalignwidth

18. <colgroup> 标签
    • 标准属性：class, title, style, dir, lang, xml:lang
    • 可选属性：

      aligncharcharoffspanvalignwidth

19. <dd>标签
    • 标准属性：class, title, style, dir, lang, xml:lang
20. <del>标签
    • 标准属性：class, title, style, dir, lang, xml:lang
    • 可选属性：

      citedatetime

21. <dfn>标签
    • 标准属性：class, title, style, dir, lang, xml:lang
22. <div>标签
    • 标准属性：class, title, style, dir, lang, xml:lang
23. <dl>标签
    • 标准属性：class, title, style, dir, lang, xml:lang
24. <dt>标签
    • 标准属性：class, title, style, dir, lang, xml:lang
25. <em>标签
    • 标准属性：class, title, style, dir, lang, xml:lang
26. <embed>标签
    • 标准属性class, title, style, dir, lang, xml:lang
    • 可选属性：

      allowScriptAccess 的取值必须为nerverallowNetworking flashvarsheightnamequalitysrctypevarwidthwmodebordercontenteditablestylepluginspageplayloopmenu

27. <fieldset> 标签
    • 标准属性class, title, style, dir, lang, xml:lang
28. <font> 标签
    • 标准属性class, title, style, dir, lang, xml:lang
    • 可选属性

      colorfacesize

29. <form> 标签
    • 标准属性class, title, style, dir, lang, xml:lang
    • 必选属性

      action

    • 可选属性

      acceptaccept-charsetenctypemethodnametarget

30. <h1>--<h6>标签
    • 标准属性class, title, style, dir, lang, xml:lang
    • 可选属性

      align

31. <hr>标签
    • 标准属性class, title, style, dir, lang, xml:lang
    • 可选属性

      alignnoshadesizewidth

32. <marquee>标签
    • 标准属性：class, title, style, dir, lang, xml:lang
    • 可选属性

      behaviordirectionscrolldelayscrollamountloopwidthheightvspacehspacebgcolor

33. <i>标签
    • 标准属性class, contenteditable, contextmenu, dir, draggable, irrelevant, lang, ref, registrationmark, tabindex, template, title
34. <img>标签
    • 标准属性class, title, style, lang, xml:lang
    • 必需属性

      altsrc

    • 可选属性

      alignborderheighthspaceismaplongdescusemapvspacewidth

35. <input>标签
    • 标准属性class, title, style, lang, xml:lang
    • 可选属性

      altcheckeddisabledmaxlengthnamereadonlysizesrc"tabindextypeusemapvalue

36. <ins>标签
    • 标准属性class, title, style, lang, xml:lang
    • 可选属性

      citedatetime

37. <kbd>标签
    • 标准属性class, title, style, lang, xml:lang
38. <label>标签
    • 标准属性class, title, style, lang, xml:lang
    • 可选属性

      for

39. < legend>标签
    • 标准属性class, title, style, lang, xml:lang
    • 可选属性

      align

40. <li>标签
    • 标准属性class, title, style,dir, lang, xml:lang
    • 可选属性

      typevalue

41. <link>标签
    • 标准属性class, title, style,dir, lang, xml:lang
    • 可选属性

      charsethrefhreflangmediarelrevtargettype

42. <map>标签
    • 标准属性class, title, style,dir, lang, xml:lang
    • 可选属性

      name

43. <ol>标签
    • 标准属性class, title, style,dir, lang, xml:lang
    • 可选属性

      compactstarttype

44. <optgroup>标签
    • 标准属性class, title, style,dir, lang, xml:lang
    • 必需属性

      label

    • 可选属性

      disabled

45. <option>标签
    • 标准属性class, title, style,dir, lang, xml:lang
    • 可选属性

      disabledlabelselectedvalue

46. <p>标签
    • 标准属性class, title, style,dir, lang, xml:lang
    • 可选属性

      align

47. <pre>标签
    • 标准属性class, title, style, dir, lang, xml:lang, xml:space
    • 可选属性

      width

48. <q>标签
    • 标准属性class, title, style,dir, lang, xml:lang
    • 可选属性

      cite

49. <s>标签
    • 标准属性class, title, style,dir, lang, xml:lang
50. <select>标签
    • 标准属性class, title, style, dir, lang, xml:lang, accesskey, tabindex
    • 可选属性

      disabledmultiplenamesize

51. <small>标签
    • 标准属性class, title, style, dir, lang
    • 可选属性
52. <span>标签
    • 标准属性class, title, style, dir, lang, xml:lang
53. <strike>标签
    • 标准属性class, title, style, dir, lang, xml:lang
54. <strong>标签
    • 标准属性class, title, style, dir, lang, xml:lang
55. <style>标签
    • 标准属性title, dir, lang, xml:space
    • 必需属性

      type

    • 可选属性

      media

56. <sub>标签
    • 标准属性class, title, style, dir, lang, xml:lang
57. <sup>标签
    • 标准属性class, title, style, dir, lang, xml:lang
58. <table>标签
    • 标准属性class, title, style, dir, lang, xml:lang
    • 可选属性

      alignbgcolorbordercellpaddingcellspacingframerulessummarywidth

59. <tbody>标签
    • 标准属性class, title, style, dir, lang, xml:lang
    • 可选属性

      aligncharcharoffvalign

60. <td>标签
    • 标准属性class, title, style, dir, lang, xml:lang
    • 可选属性

      abbralignaxisbgcolorcharcharoffcolspanheadersheightnowraprowspanscopevalignwidth

61. <textarea>标签
    • 标准属性class, title, style, dir, lang, xml:lang, tabindex, accesskey
    • 必需属性

      colsrows

    • 可选属性

      disablednamereadonly

62. <tfoot>标签
    • 标准属性class, title, style, dir, lang, xml:lang
    • 可选属性

      aligncharcharoffvalign

63. <th>标签
    • 标准属性class, title, style, dir, lang, xml:lang
    • 可选属性

      abbralignaxisbgcolorcharcharoffcolspanheadersheightnowraprowspanscopevalignwidth

64. <thead>标签
    • 标准属性class, title, style, dir, lang, xml:lang
    • 可选属性

      aligncharcharoffvalign

65. <tr>标签
    • 标准属性class, title, style, dir, lang, xml:lang
    • 可选属性

      alignbgcolorcharcharoffvalign

66. <tt>标签
    • 标准属性class, title, style, dir, lang
67. <u>标签
    • 标准属性class, title, style, dir, lang, xml:lang
68. <ul>标签
    • 标准属性class, title, style, dir, lang, xml:lang
    • 可选属性

      compacttype

69. <var>标签
    • 标准属性class, title, style, dir, lang, xml:lang
      1. <script src="" type="text/javascript"/>

      特殊元素规则

      embed元素

      

      
      

      URL规则

      html 元素URL属性规则

      SDK
      

      -	检查域名	支持锚点	支持相对路径	相对路径/开头
      herf	true	true	false	false
      background	false	true	true	false
      src	false	true	false	false

      
      内店自定义内容区
      

      -	检查域名	支持锚点	支持相对路径	相对路径/开头
      herf	true	true	false	false
      background	false	true	false	false
      src	false	true	false	false

      
      

      
      外店自定义内容区
      

      -	检查域名	支持锚点	支持相对路径	相对路径/开头
      herf	false	true	false	false
      background	flase	true	false	false
      src	false	true	false	false

      
      以上属性检查域名为true时，域名规则如下：
      首先进行域名黑名单过滤，如果在黑名单则直接过滤，如果不在黑名单，然后再进行顶级域名白名单过滤，如果不在白名单则过滤。
      

      顶级域名白名单如下：
      taobao.com
      alipay.com
      alibaba.com
      alimama.com
      koubei.com
      alisoft.com
      taobaocdn.com
      tbcdn.cn
      tmall.com
      

      
      

      域名黑名单：
      s.click.alimama.com
      gouwu.alimama.com
      cam.taoke.alimama.com
      tms.taoke.alimama.com
      search8.taobao.com
      p.alimama.com
      z.alimama.com
      t.alimama.com
      s.click.taobao.com
      huoban.taobao.com
      login.taobao.com
      member1.taobao.com
      

      
      

      CSS元素URL属性规则

      sdk中CSS的url属性容许相对路径，这主要是方便设计师可以通过相对路径引用模板本身的图片文件，我们会在系统中对相对路径进行替换，最终换为绝对路径。
      

      SDK
      

      -	检查域名	支持锚点	支持相对路径	相对路径/开头
      url()	true	true	false	false

      
      

      内店自定义内容区
      

      -	检查域名	支持锚点	支持相对路径	相对路径/开头
      url()	flase	true	true	false

      
      外店自定义内容区
      

      -	检查域名	支持锚点	支持相对路径	相对路径/开头
      url()	flase	true	false	false

      
      完全自定义css
      

      -	检查域名	支持锚点	支持相对路径	相对路径/开头
      url()	flase	true	false	false