技巧文章:结构中id与class的使用原则与技巧

技巧

在前几日的文章中我提到过XHTML的重要性,在那篇文章中我讲了为什么说XHTML结构重要,重视XHTML结构的好处。但是那篇文章从开发的效率入手,并没有深入细节,而今天的这篇文章是讲XHTML中的细节部分的,可以说是上一篇的续述。这篇续述的主题就是ID与CLASS怎么用,在标题中有提及使用原则与技巧,这里的使用原则与技巧是我的经验总结,并非摘自哪本典籍,所以并不是什么权威论述,请各位网友在看到这篇文章时需要有主见的阅读,不要被我的妖言所迷惑。

ID与CLASS的使用原则

据说W3C对于ID与CLASS的设定是ID具有唯一性,CLASS具有普遍性。所以我们这里的使用原则也是依据这一特性建立的。ID是不能重复的,所以在XHTML的结构中,大结构一定是用ID。比如标志、导航、主体内容、版权。这些呢接我自己制定的规范命名为#logo , #nav , #content , #copyright 这些是雷打不动的命名。有人说布局排版用ID,配色背景用CLASS,其实这是不正确的,ID与布局排版没有直接关系,CLASS与配色也下是对等的。有人呢为了麻烦全都用ID或是全都用CLASS,全都用CLASS呢还有可理解,全都用ID就不正常了,这有悖ID唯一性。如果每个ID都不一样,那非累死不可。我通过实践总结的使用原则是:ID需要具有唯一性,并且尽量在外围使用。而CLASS具有可重复性,并且尽量在结构内部使用。这样做的好处是有利于网站代码的后期维护与修改,这样的做法就会让所有的CLASS都成为ID的子级或是孙级。你可以有两个儿子但你能有两个爸爸吗,就是这个道理。在我们写CSS的时候可以写成这样 #father .child {…} 尽量不要让Class包含ID,.father #child {…}如果写成这样显得有点可笑 。当然这也不是铁定的,特殊情况需要特殊对待嘛。但是通常情况下这种形式的必要性不大。

以上就是ID与CLASS使用原则,归总起来一句话:ID是唯一的并是父级的,CLASS是可以重复的并是子级的。

ID与CLASS的使用技巧

子级的命名的包含父命名中的部分为开头。这样方便在编写CSS时明确层次关系。
CLASS中的子级最好不用ID。当然特殊情况特殊对待。
CLASS的命名最好命名用大小写合用。例 .newMovie 这样的写法与第一条结合起来使用明确关系最合适。要需要注意的是IE以外的浏览器对于大小写是很敏感的。还有就是一定要以字母开头。
其实上面讲的都是一些大家都明白的内容,只是我捡了个漏先写下来算是一个总结。希望大家对于ID与CLASS的使用提出自己的新观点新思路。一起总结出最适合也最有效率的规范来。

时间: 2024-10-31 13:07:32

技巧文章:结构中id与class的使用原则与技巧的相关文章

结构中id与class的使用原则与技巧

技巧 在前几日的文章中我提到过XHTML的重要性,在那篇文章中我讲了为什么说XHTML结构重要,重视XHTML结构的好处.但是那篇文章从开发的效率入手,并没有深入细节,而今天的这篇文章是讲XHTML中的细节部分的,可以说是上一篇的续述.这篇续述的主题就是ID与CLASS怎么用,在标题中有提及使用原则与技巧,这里的使用原则与技巧是我的经验总结,并非摘自哪本典籍,所以并不是什么权威论述,请各位网友在看到这篇文章时需要有主见的阅读,不要被我的妖言所迷惑. ID与CLASS的使用原则据说W3C对于ID与

XHTML结构中id与class的使用原则与技巧

xhtml|技巧 这篇叙述的主题就是ID与CLASS怎么用,在标题中有提及使用原则与技巧,这里的使用原则与技巧是我的经验总结,并非摘自哪本典籍,所以并不是什么权威论述,请各位网友在看到这篇文章时需要有主见的阅读,不要被我的妖言所迷惑. ID与CLASS的使用原则 据说W3C对于ID与CLASS的设定是ID具有唯一性,CLASS具有普遍性.所以我们这里的使用原则也是依据这一特性建立的.ID是不能重复的,所以在XHTML的结构中,大结构一定是用ID.比如标志.导航.主体内容.版权.这些呢接我自己制定

网页结构中id与class的使用原则与技巧

技巧|网页 在前几日的文章中我提到过XHTML的重要性,在那篇文章中我讲了为什么说XHTML结构重要,重视XHTML结构的好处.但是那篇文章从开发的效率入手,并没有深入细节,而今天的这篇文章是讲XHTML中的细节部分的,可以说是上一篇的续述.这篇续述的主题就是ID与CLASS怎么用,在标题中有提及使用原则与技巧,这里的使用原则与技巧是我的经验总结,并非摘自哪本典籍,所以并不是什么权威论述,请各位网友在看到这篇文章时需要有主见的阅读,不要被我的妖言所迷惑. ID与CLASS的使用原则据说W3C对于

DIV CSS网页布局中id与class的使用原则与技巧

css|技巧|网页 ID与CLASS怎么用,在标题中有提及使用原则与技巧,这里的使用原则与技巧是我的经验总结,并非摘自哪本典籍,所以并不是什么权威论述,请各位网友在看到这篇文章时需要有主见的阅读,不要被我的妖言所迷惑. ID与CLASS的使用原则 据说W3C对于ID与CLASS的设定是ID具有唯一性,CLASS具有普遍性.所以我们这里的使用原则也是依据这一特性建立的. ID是不能重复的,所以在XHTML的结构中,大结构一定是用ID.比如标志.导航.主体内容.版权.这些呢接我自己制定的规范命名为#

WordPress中用于获取文章信息以及分类链接的函数用法_php技巧

get_post()(获取一篇文章)get_post() 函数可以根据 ID 查询一篇文章的信息,还能返回循环中的当前文章. 用法 get_post( $post, $output, $filter ); 参数 $id (整数 | 对象)(可选)文章 ID 或者文章对象,如果为空则自动设置成当前文章. 默认值:null(当前文章) $output (字符串)(可选)返回结果的形式,可选: OBJECT:返回一个文章对象 ARRAY_A:返回带键值的数组 ARRAY_N:返回不带键值的数组 默认值

id和class的使用原则比较

归总起来一句话:id是唯一的并且是父级的,class是可以重复的并且是子级的.保持一个良好的代码书写习惯对于以后的代码维护会有很大的帮助 在webjx.com前面的文章里讨论过很多DIVCSS布局的技巧.在用CSS来控制网页布局时我们可能都会遇到一个问题:当定义一个属性时,是使用id,还是使用class?今天webjx.com再谈id与class的使用原则,把自己平时做站时的经验给大家简要讲述一下,希望能够对您有所帮助. id的使用原则 先来说说id,id具有唯一性,其使用原则也是依据这一特性建

DIV+CSS中id和class的使用原则

本文向大家描述一下DIV CSS中id与class使用原则,在前面的文章里讨论过很多DIV CSS布局的技巧,我们在用CSS来控制网页布局时我们可能都会遇到一个问题:当定义一个属性时,是使用id,还是使用class?这里和大家说明一下,相信本文介绍一定会让你有所收获. DIV CSS中id与class使用原则 在51cto.com前面的文章里讨论过很多DIV CSS布局的技巧.在用CSS来控制网页布局时我们可能都会遇到一个问题:当定义一个属性时,是使用id,还是使用class?今天51cto.c

掌握CCS中ID与Class的使用原则

你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习:&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp; 第一种可能是你还没有理解CSS处理页面的原理.在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义.结构添加CSS.这篇文章将告诉你应该怎样把HTML结构化.  另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding,.hspace.alig

探讨对于网站关键词选择的原则和技巧

我相信很多的站长朋友都知道要推广一个有流量的关键词,你最先要去百度查下这个词的百度指数,对于我这样的刚推出的新站,可以百度指数低些的先做,等以后推广上去了,再选择加上热门点的关键词,因为选择关键词的话对于网站的排名时间来说有着直接的关系,选择竞争大的关键词所需要的时间相对要长,这个根据自己推广的要求而定的. 当我们用搜索引擎搜索资料时,选择关键词的关键性是毋庸置疑的.正确分析和处理关键词,是提高搜索结果满意度的必然前提.同时,在搜索实践中还会涌现出新的问题,产生新的关键词选择原则及更多的经验技巧