畅谈HTML开发

现在,打开浏览器,各种各样的页面可以让人眼花缭乱,对于行外人看到的是美观效果是用户体验,对行内人很多其它的是关注技术和创造力。

对于开发者都知道DIV是一对html经常使用标签,DIV+CSS是一对非常诱人的组合,非常多界面设计师通过软件培训班等学习这门手艺,当然自然非常多是冲着会用了DIV+CSS制作网页。经常会被人赞以大拇指的。现在提到DIV+CSS,还有非常多人热情高涨。接下来帮助大家纠正下DIV+CSS的一些误解。


1、DIV仅仅是HTML最经常使用的标签之中的一个

显然HTML并不仅仅是一个DIV标签实用,每一个标签都有它的用途。仅仅是DIV是当中最实用的一个罢了。假设说你一个DIV就能统领天下。那么W3C 还公布那么多标签做什么呢。Table也不是一无是处,仅仅是用table比較简单、easy上手才在早期被人错误的广泛推广。可是table在处理网页数据的表现上,是其它标签无法替代的。仅仅是,它不适合用来做整个页面的布局。



2、代码的可读性

纯DIV+CSS的站点的代码的可读性无疑是很差的。甚至table还能够通过tr和td来区分行和列,一堆DIV堆砌在一起,假设没有凝视,你根本不知道某个部分是做什么用的。

因此凝视是每一个开发者都必须要编辑的一个至关重要的环节。





3、语义化与结构化

W3C公布N多标签,他们肯定有他们的优点,假设说你页面所有是div。我想无论你是多数牛叉的人。你眼睛必花。如今,在开发CSS的时候,提的越来越多的是语义化,语义化归根究竟事实上还是代码的可读性问题。语义化就是让代码更易读,更加易懂,比方。.text_01{color:red} 就没有.text_red{color:red} easy理解。

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带到了另外的一个极端。正确的网页设计不是一个标签雄霸天下,而是每一个元素都使用合适的标签。

原文地址:https://www.cnblogs.com/clnchanpin/p/7120966.html