CSS教程:合理的减少标签的使用并适度的使用class与id_CSS教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
  版权声明:MB5U.com原创,未经同意,谢绝转载!

  我们需要明白一点:HTML标签使用的越少越好。事实也证实了确实如此。我们想要创建具有良好结构的文档,那我们始终就需要考虑尽量少的使用标签。仅仅使用必须的标签,将其它可有可无的标签统统扔掉吧。我们仅仅保留了必要的标签,可以让文档保持较小的体积,从而提高了页面的下载速度。从另一个方面来说,标签的减少也能够让浏览器以更快的速度进行解析而显示在屏幕上。当然我们所说的是必要与不必要,假如必须需要某种容器来布局,那是不可以省略的。

  我们看下面的例子:

示例代码 [www.mb5u.com]
这是多用了标签
<div>
<p>
  这里是MB5U.com。欢迎您的到来!MB5U.com致力于Web标准在中国的应用及发展!我们提供了许多文章及实例,您可以在这里学习到很多关于Web标准及CSS网页布局的知识,希望这里的内容对您的工作及学习有所帮助。我们期待着您与我们交流,欢迎多提宝贵意见。
</p>
</div>

示例代码 [www.mb5u.com]
这是减少了不必要的标签:
<p>
  这里是MB5U.com。欢迎您的到来!MB5U.com致力于Web标准在中国的应用及发展!我们提供了许多文章及实例,您可以在这里学习到很多关于Web标准及CSS网页布局的知识,希望这里的内容对您的工作及学习有所帮助。我们期待着您与我们交流,欢迎多提宝贵意见。
</p>

  我们为元素添加适当的标识可以让我们在CSS的编写中更轻易控制他们,更能精确的为CSS样式找到目标。而且id还可以与javascript关联起来,做出一定的效果与交互。我们都知道:id是独一无二的,在同一个页面上id只能出现一次。而class是一类可以重用的属性,我们可以重复的应用到页面的多个元素上。

  一个class可以应用于多个元素,而一个元素同样可以应用多个class。我们也可以为一个赋予了id的元素应用class。但我们必须要时刻提醒自己,id的唯一性,只能出现一次,只能为一个元素指定一个唯一的id。而class与id的命名,我们最轻易犯错的就是以数字开头进行命名,如1main、12text。这样都是不正确的,正确的方法是:a-z、A-Z、0-9、“_”,但千万别以数字开头进行命名。只能以字母开头进行命名。我们明白很多浏览器对这样的命名大小写并不敏感,但我们也要养成良好的编码习惯,进行习惯性的定义与统一。

  我们看下面的例子:

示例代码 [www.mb5u.com]
<p class="12text"></p>
<div id="footer"><p id="footer"> </p></div>
上面两个是错误的例子。
<body class="homepage">
<p id="contact"></p>
<div id="main" class="main_a softcor solid_sider"> </div>
上面三个是正确的例子。

  版权声明:MB5U.com原创,未经同意,谢绝转载!
  

来源:无忧整理//所属分类:CSS教程/更新时间:2007-08-13
相关CSS教程