由于avalon实现了绑定属性的DOM的选择和操作，所以页面的美观和调试就变得非常重要。参考boostrap的HTML规范，它的公式如下
属性排列的说明
Class (class，id，name与浏览器的原生选择器相关，所以需要放在前面)
Id，name(这个定义的顺序直接影响元素的属性中属性节点的排列顺序，id是唯一的，慎用)。
Data-*这涉及到内部dataset对象的生成，表示组件的data-button-*属性应该排在只表示缓存的data-*属性之前。
Ms-*没有属性值的按长度排列，排在有属性值的前面。
原生属性，如hre f src样式的类型标题，按长度排列。
用户定义的属性，按长度排列
<p class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front" data-drag-handle="handle" data-drag-before-start="beforeStart" ms-draggable ms-visible="toggle" ms-css-width="width" ms-css-height="height" tabindex="-1" style="position: absolute;" > <p class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" > <span class="ui-dialog-title" >{{title|html}}</span> <button class="ui-dialog-titlebar-close" data-button-text="false" data-button-icon-primary="ui-icon-closethick" ms-widget="button" ms-click="close" type="button" >close</button> </p> </p>注意:我们应该尽量少用ID，因为在较新的浏览器中，都是像IE5一样把ID直接映射到一个全局变量中，这样可能会产生各种奇怪的问题。单页面应用的设计原则是组件化，其中不应该有页面的概念，只有组件的概念。在组件系统中首先应该避免的是全局变量，而id不幸是这方面的一个典型例子。
空格与断线的处理
如果标记名有属性，第一个属性必须跟它在一起，第二个属性必须换行并与第一个属性对齐，其他属性也必须跟随。
属性格式的说明
属性名必须小写，属性值必须用双引号括起来，对于表单元素的布尔属性(如checked、selected、disabled)属性值直接忽略。
封闭规则
自封闭包装标签必须以“/>”结尾，其他格式应为“
以上是avalon的HTML规范的详细说明。更多详情请关注AdminJS的其他相关文章！