让XHTML元素的取名标准更为有效

2021-03-16 16:19 jianzhan
有关CSS中的取名标准(实际上我感觉是XHTML元素的取名标准更为有效些)这个难题,早已有许多人在说了,在其中也不乏1些远见卓识。但是这类物品也是仁者见仁,智者见智,要是1个精英团队有统1的取名标准规定,在平常开发设计和维护保养中不至于出現错乱就应当说是好的取名标准。例如下面这条基础的取名标准: CSS开发设计取名标准 外 套 wrap 主导航栏 mainnav 子导航栏 subnav 页 脚 footer 全部网页页面 content 页 眉 header 商 标 label 标 题 title 顶导航栏 topnav 边导航栏 sidebar 左导航栏 leftsidebar 右导航栏 rightsidebar 旗 志 logo 标 语 banner 子菜单 submenu 器皿 container 內容 content 当今的 current
难题是,上面的诸如leftsidebar,rightsidebar等有着很强指向性的取名在之后的合理布局转变中会如何呢?假如left出現的部位并不是左边,是正中间或是右边如何办呢?假如rightsidebar出現在左边如何办呢?这时候的取名好像有点不符合逻辑性了。有人常和我说,你这样的考虑到成心义吗?过剩的!真实有几个网站会用一样的构造去做两次不1样的合理布局,顶多便是改版了,改版的情况下连构造都变了,这样的考虑到彻底过剩。确实,常常会有这样的难题,一些网站不1次成形到下一次改版前设计风格基础上不容易更改,可是一些网站,例如我的blog,你再去看看PJBlog的官方blog,一样的构造却有迥然不一样的主要表现。
看下面的编码:
  1. <div>
  2. <div>content</div>
  3. <div>bar1</div>
  4. <div>bar2</div>
  5. </div>

如何去取名她们呢?bar1和bar2能够出現在两边,也将会出現在1侧,不管应用right、left、middle都不太适合。那末如何去取名会较为适合1点呢?
这里出示1个来自Adobe.com的艺术创意,它应用的是 父元素-栏目组-栏目,在其中栏目(column)应用无具体实际意义的标识符表明,如A、B、C等。比如 wrap-AB-A,意思早已ID为wrap的元素下包括着两个div——A和B,如今要开展实际操作的是A。这样的取名彻底和元素沒有关联,并且实际意义还较为清楚。比如上面的取名便可以写成:
  1. <divid="container">
  2. <divid="container_ABC_A">content</div>
  3. <divid="container_ABC_B">bar1</div>
  4. <divid="container_ABC_C">bar2</div>
  5. </div>

"container_ABC_A",表明是对container下有3个并列的元素(它们的ID各自是A、B、C),现阶段指向的是第1个,即A。这样做的益处便是不会受到合理布局的危害,名字和网页页面最后主要表现想分离出来,但是1个缺陷便是,下由于A、B、C的实际意义使得再度嵌套循环的情况下取名有点“乱”,如 id="container_ABC_A_abc_a",层级深了就不太清楚了。
本人觉得这样的取名较为新颖,十分值得效仿。但是正如1刚开始所说的,“要是1个精英团队有统1的取名标准规定,在平常开发设计和维护保养中不至于出現错乱就应当说是好的取名标准”。
原文联接:http://www.dudo.org/article.asp?id=246