网页如何精简代码?

html-css06

网页如何精简代码?,第1张

 1、代码约简洁越好

网页浏览速度要增加,有必要降低页面文件的大小,尽可能简化使用代码,字节数。当我们做一个粗体字的时候,可以用

B或strong的标签,在相同的前提下,为增稠网站速度效果,我们最好使用B标签,因为strong比B标签超过5个字符。所以使用B标签,将缩减大量没有必要的冗余代码,可以说极大提高了网页载入的速度。

2、CSS代码是一个很好的选择。CSS代码中的垃圾,这些是有意或无意中造成的,即使如此,我们也不能忽视的CSS格式。外置CSS代码,大大减少了搜索引擎的索引,同时减少页面大小,当我们调整页面格式,不需要修改的每一页,只要调整CSS文件就可以

3、避免重复嵌套tag

HTML代码的流行是因为它的可操作性强,嵌套的代码是很好的,但它有一个问题,当我们在Dreamweaver编辑器修改格式,会将原来的格式删除,由此产生一些问题,这将导致代码的臃肿。

4、放弃TABLE的网页设计

列表是最受欢迎的网站制作,但无限嵌套网页布局,使代码变得极为臃肿,这将影响到网站的登录速度不说,对蜘蛛搜索引擎也变得不友好。当然这并不是说完全放弃表,TABLE其设计能力是非常强大的,所以当使用时要懂得扬长避短来避免。如果你的主机支持gzip压缩,打开gzip,将大大压缩网页的大小,从而提高整个网页的速度。

CSS中脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。

需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。

而对于使用absolute positioning脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。

扩展资料

在CSS 2.1规范中,识别符(包括选择符中的元素名、类、ID)只能包含A~Z、a~z、0~9等字符,加上连字符“-”、下划线“_”。

识别符不能以数字开头,以连字符和下划线开头也是不允许的。只有属性、属性值、单位、伪类、伪元素和“@”规则可以由连字符“-”开头。同时,其他元素名称、类和ID标识符也不允许用连字符开头。

CSS的识别符也需要用反斜杠“\”规避特殊字符,这些规避字符遵循IS010646规范。特殊字符的规避方法有两种:

第一种方法是遇到特殊字符则在这些字符前直接添加反斜杠,例如,“AT&T”变为“AT\&T”;

另一种方法为用反斜杠和Unicode或IS010646等值的十六进制数值一起,规避特殊字符,例如,“AT&T”变为“AT\26T”。

层叠样式表(Cascading Style Sheet,CSS)有助于实现负责任的Web设计。CSS对开发者构建Web站点的影响很大,并且这种影响可能是无止境的。

将网页的大部分甚至是全部的表示信息从(X)HTML文件中移除,并将它们保留在一个样式表中有诸多优点,如降低文件大小、节省网络带宽以及易于维护等。

此外,站点的表现信息和核心内容相分离,使得站点的设计人员能够在短暂的时间内对整个网站进行各种各样的修改。

CSS简化了网页的格式代码,外部的样式表还会被浏览器保存在缓存里,加快了下载显示的速度,也减少了需要上传的代码数量(因为重复设置的格式将被只保存一次)。

只要修改保存着网站格式的CSs样式表文件就町以改变整个站点的风格特色,在修改页面数量庞大的站点时,显得格外有用。这就避免了一个个网页的修改,大大减少了工作量

参考资料来源:百度百科-CSS