《
CSS使用技巧：清除多余的标签》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332S2013.htm
--> [
网站建设之]CSS使用技巧：消除多余的标签
本文教你在css中如何扫除多余标签，让代码更简介，更有意思。
1.肃清不用要的<div>标签
良多人都爱好用<div>,CSS使用技巧大全;来包裹<form>跟<ul>来树立菜单列表,CSS伪类选择器nth-child().你有没有想过这样一个过剩的<div>是不是须要的.你可以使用css规矩来实现同样的后果.
Example 1:
这个例子展现如何删除<form>中的<div>.
Example 2:
有时候我们会给内容增加一个额定的<div>标签来以示这是一个内容.在事例顶用了<,css伪类时冒号前后多个空格可导致该规则失效;div class="sidebox">,CSS优化使网页具有语义化;来包含内容区.如果一个内容有一个标题的话(如:<h4>),那么咱们就可以把这个<h4>来代替<div>.
2.使用有语义的标签
用有语义的标签来编写你的HTML文档(如:<h1>为题目;<p>为段落;<ul>为列表.)那么即便用户不支撑css的话,那你的文档也被准确的读出来.
Example:
这个例子很好的阐明了,应用有语义标签的利益.
3.尽量减少使用<div>
你有没有见过那么凌乱的模板,到处都可以看到<div>标签,看到这些,你的头有没有变大了.你是否由于少用</div>,CSS仿360体验版左侧导航菜单;来结束标签,或者因为多用了<div>标签而把一个布局弄乱了.我想大多数初学者都有这样的阅历.所以尽可能的少使用<div>,它会使调试和编纂更加的容易.
Example 1:
使用<p>来取代<div>来创立导航.
Example 2:
看如何使用<span>来代替<div>实现同样的效果.
4.格局(缩进)代码
你应当格式源代码(即缩进嵌套元素),以便于轻易浏览和修正.假如你使用DW来编写代码的话,CSS代码缩写精简实例,那么你就可以很便利的格式代码.
5.在</div>标签之后增添注解,CSS代码整合(下).
你有不见过在一些模版在</div>之后有注明这一局部是什么.(如:header;contant,CSS代码整合(上);footer.)所以你可以在</div>之后参加一个<!-- ,CSS书写顺序建议及CSS HACK(FF&IE兼容); footer -->.这样别人就能够晓得这是一个页脚停止点.
Tag：明白多余标签 ,
CSS之兼容浏览器篇; CSS使用技巧 清晰多余标签 CSS使用技能
(责任编辑：网站建设)
CSS使用技巧：清除多余的标签相关文章