网站的架构分析(ID与Class的区别)
http://yuyadong.com/test/fenxi/index.html
http://yuyadong.com/test/fenxi/index01.html
http://yuyadong.com/test/fenxi/index02.html
http://yuyadong.com/test/fenxi/index03.html
上面几个链接分别是网站的架构搭建,通过上面的搭建流程大家可以看到标签的含义
首先整个网站的3大块结构:header,content,footer我用了div和id,布局一般用div和id,因为div是一大块,id是整个页面唯一的,看起来让结构更有意义
其次就是每个div中的区域划分,我也采用了div和id,因为他们也是页面中唯一的。
最后我们对页面每个区块进行细化,我们可以看到页面中重复的区域我使用了class,class更id正好是相反的,一次建立多出调用。这就是id和class的区别
http://yuyadong.com/test/fenxi/index01.html
http://yuyadong.com/test/fenxi/index02.html
http://yuyadong.com/test/fenxi/index03.html
上面几个链接分别是网站的架构搭建,通过上面的搭建流程大家可以看到标签的含义
首先整个网站的3大块结构:header,content,footer我用了div和id,布局一般用div和id,因为div是一大块,id是整个页面唯一的,看起来让结构更有意义
其次就是每个div中的区域划分,我也采用了div和id,因为他们也是页面中唯一的。
最后我们对页面每个区块进行细化,我们可以看到页面中重复的区域我使用了class,class更id正好是相反的,一次建立多出调用。这就是id和class的区别
如果上面网页失效,请下载下面的资源文件: