合理的减少标签的使用 并适度的使用class与id
我们需要明白一点:HTML标签使用的越少越好。事实也证明了确实如此。我们想要创建具有良好结构的文档,那我们始终就需要考虑尽量少的使用标签。仅仅使用必须的标签,将其它可有可无的标签统统扔掉吧。我们仅仅保留了必要的标签,可以让文档保持较小的体积,从而提高了页面的下载速度。从另一个方面来说,标签的减少也能够让浏览器以更快的速度进行解析而显示在屏幕上。当然我们所说的是必要与不必要,如果必须需要某种容器来布局,那是不可以省略的。
我们看下面的例子:
这是多用了标签
<div>
<p>
我们提供了许多文章及实例,您可以在这里学习到很多关于Web标准及CSS网页布局的知识,希望这里的内容对您的工作及学习有所帮助。我们期待着您与我们交流,欢迎多提宝贵意见。
</p>
</div>
这是减少了不必要的标签:
<p>
我们提供了许多文章及实例,您可以在这里学习到很多关于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、“_”,但千万别以数字开头进行命名。只能以字母开头进行命名。我们明白很多浏览器对这样的命名大小写并不敏感,但我们也要养成良好的编码习惯,进行习惯性的定义与统一。
我们看下面的例子:
<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>
上面三个是正确的例子。