论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

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

文章类别:div+css布局 | 发表日期:2008-9-26 11:34:02

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

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

  我们看下面的例子:

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

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
这是减少了不必要的标签:
<p>
  这里是21shipin.com。欢迎您的到来!21shipin.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、“_”,但千万别以数字开头进行命名。只能以字母开头进行命名。我们明白很多浏览器对这样的命名大小写并不敏感,但我们也要养成良好的编码习惯,进行习惯性的定义与统一。

  我们看下面的例子:

div css xhtml xml Example Source Code Example Source Code [www.21shipin.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>
上面三个是正确的例子。

  版权声明:21shipin.com原创,未经同意,谢绝转载!
  
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058