HTML中id与class规范

id命名

html中应最外层节点拥有固定的id属性_#visroot#_，如：

<body>
    <div id="_#visroot#_">
    </div>
</body>

如果其他节点中也需要设置id值，那么id值都以_#visroot#_作为开头，例如:

<body>
    <div id="_#visroot#_">
        <div id="_#visroot#_child"></div><!--该节点的id值，以_#visroot#_开头-->
    </div>
</body>

为了防止书写自定义的id值，会导致在云视界系统中组件id冲突的问题。云视界在加载完文件后，会对html、css、js文件中的_#visroot#_进行全局替换，替换为系统生成的ID值。

除了最外层的id:_#visroot#_，不允许有其他id值。

需要在html中最外层节点添加固定的css属性名：_#customWidget#_

其他class样式名称的命名

1.所有class名采用小写。

2.长名称或词组可以使用-来为选择器命名。

3.不建议使用“_”下划线来命名CSS选择器。

<div id="_#visroot#_" class="_#customWidget#_">
        <div class="div-button"></div>
</div>