广州网页设计之网站重构的重要性
说到结构、表现和行为的分离,自然让人想到了DIV+CSS+JS(为了能更好的让人理解,请允许我暂且这么写),正因为如此,很多人就误认为只要把TABLE改DIV就是网站重构,其实是不对的,是不够的。TABLE和DIV都是HTML的标签都是做页面要使用的元素,只不过各司其职罢了。如何让标签能各司其职,这就需要我们在思想上的彻底改变,在思想上做到结构、表现和行为的分离。
结构、表现和行为的分离,页面标签的合理使用可以有效地精简页面代码,让页面能在更短的时间内加载完毕、呈现给浏览者。结构、表现和行为的分离同样有利于网站的改版、维护,在不动页面结构文件的情况下只要更改样式,网站就能呈现给人一种完全不同的风格。给浏览者一种完全不同的浏览感受,而做到这点所花的时间和精力要比结构、表现和行为混合的页面要少得多。
结构、表现和行为的分离,增加了页面的可读性,不仅能被搜索引擎更好的抓取,更重要的是那些需要借助屏幕阅读器浏览网页的浏览者能更好,更清晰地阅读网页上的内容,不会受到那些繁杂的样式代码干扰。还是要以人为本。
使用DIV+CSS来给页面进行布局,使用合适的标签来丰富页面的内容。这是目前非常流行的做页面的方法。那如何算合理使用标签呢?举个例子,页面上经常会出现一些表格,如一批不同产品的属性列表,我们使用“ul”、“li”同样可以实现所需要的表格样式,但是用“table”来实现是不是更加直观更加方便呢。又比如:一篇文章的标题,用一个“div”或“p”标签实现的效果和使用“h*”标签是一样的,那是不是应该用“h*”标签更合理呢。