|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
你可以轻松地控制页面的布局。
关于CSS中的定名划定规矩(实在我以为是XHTML元素的定名划定规矩加倍公道些)这个成绩,已有良多人在说了,个中也不乏一些一孔之见。不外这类器材也是仁者见仁,智者见智,只需一个团队有一致的定名划定规矩请求,在一样平常开辟和保护中不至于呈现凌乱就应当说是好的定名划定规矩。好比上面这条基础的定名划定规矩:CSS开辟定名划定规矩外 套wrap主导航mainnav子导航subnav页 脚footer全部页面content页 眉header商 标label标 题title顶导航topnav边导航sidebar左导航leftsidebar右导航rightsidebar旗 志logo标 语banner子菜单submenu容器container内容content以后的current成绩是,下面的诸如leftsidebar,rightsidebar等具有很强指向性的定名在今后的结构变更中会怎样呢?假如left呈现的地位不是左边,是两头大概是右边怎样办呢?假如rightsidebar呈现在左边怎样办呢?这时候的定名仿佛有点分歧逻辑了。有人常和我说,你如许的思索成心义吗?过剩的!真正有几个网站会用一样的布局往做两次纷歧样的结构,顶多就是改版了,改版的时分保持构都变了,如许的思索完整过剩。切实其实,常常会有如许的成绩,有些网站纷歧次成形到下次改版前作风基础上不会改动,可是有些网站,好比我的博客,你再往看看PJBlog的官方博客,一样的布局却有一模一样的体现。
看上面的代码:
- <div>
- <div>content</div>
- <div>bar1</div>
- <div>bar2</div>
- </div>
怎样往定名他们呢?bar1和bar2能够呈现在两侧,也大概呈现在一侧,不管利用right、left、middle都不太符合。那末怎样往定名会对照符合一点呢?
这里供应一个来自Adobe.com的创意,它利用的是父元素-栏目组-栏目,个中栏目(column)利用无实践意义的字符暗示,如A、B、C等。比方wrap-AB-A,意义已ID为wrap的元素下包括着两个div——A和B,如今要举行操纵的是A。如许的定名完整和元素没有干系,并且意义还对照明晰。比方下面的定名就能够写成:
- <divid="container">
- <divid="container_ABC_A">content</div>
- <divid="container_ABC_B">bar1</div>
- <divid="container_ABC_C">bar2</div>
- </div>
"container_ABC_A",申明是对container下有三个并列的元素(它们的ID分离是A、B、C),今朝指向的是第一个,即A。如许做的优点就是不受结构的影响,称号和页面终极体现想分别,不外一个弱点就是,下由于A、B、C的意义使得再次嵌套的时分定名有点“乱”,如id="container_ABC_A_abc_a",条理深了就不太明晰了。
团体感到如许的定名对照新奇,十分值得自创。不外正如一入手下手所说的,“只需一个团队有一致的定名划定规矩请求,在一样平常开辟和保护中不至于呈现凌乱就应当说是好的定名划定规矩”。
原文毗连:http://www.dudo.org/article.asp?id=246
Table中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div更能体现样式和结构相分离,结构的重构性强。 |
|