博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
avalon 的HTML规范
阅读量:6373 次
发布时间:2019-06-23

本文共 672 字,大约阅读时间需要 2 分钟。

由于以绑定属性实现对DOM的选择与操作,页面的美观与调试就变得至关重要。参照,制定如下

属性排列的规范

  1. class (class, id, name与浏览器的原生选择器相关,因此需靠前 )
  2. id,name (这个定义的顺序直接影响到元素的attributes中的特性节点的排列顺序,id具有独占性,慎用)
  3. data-* 这涉及到内部dataset对象的生成,并且表示组件的data-button-*属性应排在只表示缓存的data-*属性前面
  4. ms-* 没有属性值的排在有属性值的前面, 依长度排列
  5. type title for hre f src style等原生属性, 依长度排列
  6. 用户自定义属性, 依长度排列
{
{title|html}}

注,我们应该尽可能少用ID,因为较新的浏览器中,。单页应用的设计原则就是组件化,在这里面,不应有页面的观念,只应有组件的观念。在组件系统里首先应该避免的就是全局变量,id不幸就是这方面的典型。

空格与换行的处理

标签名如有属性,第一个属性必须与它同行,第二个属性换行,位置于第一个属性对齐,其他属性照办

属性格式的规范

属性名必须小写, 属性值必须用双引号括起,对于表单元素的布尔属性(如checked, selected, disabled)直接忽略属性值

闭合的规则

自闭包标签必须以“/>”结束,其他的格式都应为“<xxx>ffffffffffffffff</xxx>”

转载地址:http://uljqa.baihongyu.com/

你可能感兴趣的文章
NutUI 2.1.0 发布,移动端轻量级 Vue 组件库
查看>>
缓存系列文章--热点key问题
查看>>
CSS动画小结
查看>>
初学乍练:一键部署redis集群
查看>>
从一个骗局谈生活中的基础算法
查看>>
JdbcTemplate使用别名绑定变量
查看>>
详解Apache Kylin安装和踩坑
查看>>
MVC架构中,用户的请求简单梳理
查看>>
RPA机器人为何会在财务共享领域刮起旋风?
查看>>
NGINX的奇淫技巧 —— 2. IF AND 和 OR
查看>>
排列组合技术
查看>>
哈工大发明“电子体毛”,让机器人学会“敏感”
查看>>
上传一张照片,让算法告诉你是否患有抑郁症
查看>>
VR厂商唯晶科技获2800万C+轮融资,曾开发过游戏《圣女之歌》
查看>>
Countly 19.02.1 发布,实时移动和 web 分析报告平台
查看>>
Elasticsearch 公司上市,市值近 50 亿美元
查看>>
TCP连接中time_wait在开发中的影响-搜人以鱼不如授之以渔
查看>>
Oracle数据库机出新帮助不同规模企业迈向云端
查看>>
前端通信:ajax设计方案(六)--- 全局配置、请求格式拓展和优化、请求二进制类型、浏览器错误搜集以及npm打包发布...
查看>>
Android捕获监听Home键、最近任务列表键
查看>>