畅谈HTML开发

如今，打开浏览器，各种各样的页面能够让人眼花缭乱，对于行外人看到的是美观效果是用户体验，对行内人更多的是关注技术和创造力。对于开发人员都知道DIV是一对html常用标签，DIV+CSS是一对很诱人的组合，很多界面设计师通过软件培训班等学习这门手艺，当然自然很多是冲着会用了DIV+CSS制作网页，常常会被人赞以大拇指的。现在提到DIV+CSS，还有很多人热情高涨。接下来帮助大家纠正下DIV+CSS的一些误解。

1、DIV只是HTML最常用的标签之一

显然HTML并不只是一个DIV标签有用，每个标签都有它的用途，只是DIV是其中最有用的一个罢了。如果说你一个DIV就能统领天下，那么W3C 还发布那么多标签做什么呢。Table也不是一无是处，只是用table比较简单、容易上手才在早期被人错误的广泛推广。但是table在处理网页数据的表现上，是其他标签无法替代的，只是，它不适合用来做整个页面的布局。

2、代码的可读性

纯DIV+CSS的网站的代码的可读性无疑是非常差的，甚至table还可以通过tr和td来区分行和列，一堆DIV堆砌在一起，如果没有注释，你根本不知道某个部分是做什么用的。因此注释是每个开发人员都必需要编辑的一个至关重要的环节。

3、语义化与结构化

W3C发布N多标签，他们肯定有他们的好处，如果说你页面全部是div，我想不管你是多数牛叉的人，你眼睛必花。现在，在开发CSS的时候，提的越来越多的是语义化，语义化归根到底其实还是代码的可读性问题。语义化就是让代码更易读，更加易懂，比如，.text_01{color:red} 就没有.text_red{color:red} 容易理解。

HTML同样如此，比如我们看到<ol>就知道这是个有序列表；看到<p>标签就知道这是一个段落，内容为文字；看到<span>就知道这个是比<p>还小的文字单位；看到<h1>、<h2>之类的就知道他们是标题。显然，全部是div的页面，是看不出来这些的。

页面的结构化亦是如此，比如<div><div><div><div>…..</div></div></div></div>这样的代码，显然是很难理解其DOM结构的，但是<div><p><h2><span>…..</span></h2></p></div>就比上面的那个结构要清晰很多。相信做开发的人对代码的语义化和结构化的理解会更加深刻。


 
4、团队合作

可读性低、结构化和语义化差，团队的其他成员的学习和维护难度就会提高，这对于一个团队来说，是很浪费时间和精力的。


 
综合以上所述，DIV+CSS的说法，已经把我们从table带到了另外的一个极端，正确的网页设计不是一个标签雄霸天下，而是每个元素都使用合适的标签。