网站重构:如何才能让网站更优化,更符合web标准?

2018-01-09

如何才能让网站更优化,更符合web标准?

我认为,让网站更优化是必须遵循的,但是并不一定非要严格的按照标准来做。以人为本,如何做才能更人性化、更有利于浏览、更符合浏览者的习惯才是我们做网站、去重构网站的根本指导思想。

一般浏览者在普通情况下不会有那么好的耐心去等10秒(甚至更短的时间)让一个页面打开。那么可想而知,一个页面再炫,内容再吸引人,浏览者不看的话那就完全失去了它存在的意义。这里就给我们提出一个要求,做网站首先一点就是如何让页面更快的打开。结构、表现和行为的分离是让页面更快的很好途径。

说到结构、表现和行为的分离,自然让人想到了DIV+CSS+JS(为了能更好的让人理解,请允许我暂且这么写),正因为如此,很多人就误认为只要把TABLE改DIV就是网站重构,其实是不对的,是不够的。TABLE和DIV都是HTML的标签都是做页面要使用的元素,只不过各司其职罢了。如何让标签能各司其职,这就需要我们在思想上的彻底改变,在思想上做到结构、表现和行为的分离。

结构、表现和行为的分离,页面标签的合理使用可以有效地精简页面代码,让页面能在更短的时间内加载完毕、呈现给浏览者。结构、表现和行为的分离同样有利于网站的改版、维护,在不动页面结构文件的情况下只要更改样式,网站就能呈现给人一种完全不同的风格。给浏览者一种完全不同的浏览感受,而做到这点所花的时间和精力要比结构、表现和行为混合的页面要少得多。

结构、表现和行为的分离,增加了页面的可读性,不仅能被搜索引擎更好的抓取,更重要的是那些需要借助屏幕阅读器浏览网页的浏览者能更好,更清晰地阅读网页上的内容,不会受到那些繁杂的样式代码干扰。还是要以人为本。

使用DIV+CSS来给页面进行布局,使用合适的标签来丰富页面的内容。这是目前非常流行的做页面的方法。那如何算合理使用标签呢?举个例子,页面上经常会出现一些表格,如一批不同产品的属性列表,我们使用“ul”、“li”同样可以实现所需要的表格样式,但是用“table”来实现是不是更加直观更加方便呢。又比如:一篇文章的标题,用一个“div”或“p”标签实现的效果和使用“h*”标签是一样的,那是不是应该用“h*”标签更合理呢。等等……

总之,我认为网站重构是思想和观念上的重构,要以人为本,从浏览者的角度出发,遵循web标准,合理使用每个页面标签,做到最大限度的页面优化。

合作意向申请

如果您的企业需要制作网站,请留下您的联系方式,我们会为您提供良好的服务!

联系方式

021-50110509

18621585859(同微信号)

lewebsite@leadin.cn

上海陆家嘴“左岸88创意园”B402室 (北张家浜路88号)

WEB商学院

网站百科

专家百科

公众微信号

上海领意文化传播有限公司版权所有 © 2006-2018 LEADIN MEDIA 沪ICP备10205459号-6

@领意微品牌 网站设计服务顾问