相关文章
Google Adsense20007年将..
北京网站建设新站怎样才不容易被百度K掉
北京网站建设与SEO有关的内容质量
企通互联有利于用户体验和SEO的TAG写法
网站设计王通:SEO的六种赚钱方式
北京网页设计网站在百度排名下降的主要原因分析
北京网站制作SEO草根博客总结纪实篇,月圆之夜,九度隐退!
网站建设如何使百度有效收录
网页设计SEO的理论狂:一位VIP草根的迷茫
网站制作关注度谷,关注搜索,关注站长的故事
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站优化 >> 网页设计网站建设谈HTML代码优化
网页设计网站建设谈HTML代码优化
|
随着时间的推移,当对一个网页进行更改或更新的过程中,也同时会产生很多不必要的代码堆积。这些无用代码不但会降低网页的打开速度,同时还会损害到网页的效率。更有甚者,乱糟糟的html代码也会严重影响到您的搜索引擎排名。www.qitongnet.com 网页设计 这种情形在使用诸如FrontPage或Dreamweaver这一类使用所见即所得(WYSIWYG)的网页编辑软件编辑的网页中表现尤为明显。这些编辑软件虽然能够快捷地生成网页,但却可能包含大量冗余代码,从而无法保证代码的干净简洁。网页设计 企通互联 我将借此文主要只针对实际的HTML编码就这一点进行探讨,而对网页中可能使用到的其它编程语言,如javascript等则一概忽略掉。北京网站制作 网页设计 最早在使用HTML语言对网页进行编辑时,我们会用象字体和 段落这样的标签。然后在这些标签之间放入网页的内容、链接和图片等。每一次对网页上的格式的改变都需要借助新的HTML标签来实现这种改变。后来有了CSS样式表,通过CSS我们可以将格式一次性定义好,实现网页格式和结构的分离,从而可在网页中随意调用该格式,并通过对CSS设置来轻松控制整个页面的布局。企通互联 PRINCIPLES网站建设 北京网站制作 这些源码总共占了117个字符。显然,这是一种很拙劣的HTML编码,但在使用“所见即所得”的软件下编辑的网页有时候就会出现这样的情形。我们将上述冗余代码清理,并使用代码内嵌之后,上述代码可精简为:网页设计 北京网站制作 总共只有 北京网页设计57个字节。北京网页设计 网站设计 网站建设 这就是清除代码的第二个原则:尽可能使用代码嵌套。 网站制作网站建设 北京网站建设 需要注意的是:WYSIWYG――所见即所得的编辑软件往往会在更新代码的时候通过一层又一层的嵌套代码来实现。所以如果是使用象FrontPage或Dreamweaver这样的WYSIWYG网页编辑软件所生成的网页,就需要我们对那些嵌套的冗余代码进行清除。北京网页设计 网页设计 使用HTML标签还存在着一个大问题,那就是一旦格式发生改变,就需要重复该标签编码。 幸而CSS的出现改变了这一点:我们可以一次性将CSS样式表设置好,然后只需在网页中调用即可。北京网页设计 北京网站建设 譬如,现在网页上有六个段落的内容,并且这六段内容交替使用两种不同格式。例如标题用蓝色加粗的4号Arial字体,段落文字用黑色2号Times字体,在这种情况下,倘若用HTML标签来实现的话,其代码如下:北京网站设计 Heading1网站建设 Paragraph1网页设计 Heading2网站建设 Paragraph2网站制作 ……网站设计 对于每个标题和段落内容,都需要重复编写格式代码,这样下来源码中将会产生很多HTML代码。倘若我们利用 网站设计CSS来实现格式的切换,则CSS样式表代码只需在区中定义一次,在正文中调用即可。形如:企通互联 北京网站制作 北京网站设计 网站设计 北京网站设计 Heading1 网页设计北京网页设计Paragraph1 www.qitongnet.comHeading2 北京网站制作Paragraph2 北京网页设计Heading3 www.qitongnet.comParagraph3 网站建设… …北京网站制作 北京网页设计 企通互联 请注意:CSS样式表是在头区中创建,并在网页主体中得以应用。倘若想要为网页添加更多格式,则只需在CSS样式表中一次性定义好,就可在正文内容中随意任意设置好的格式。这也就是清除多余的HTML代码的第三大原则――尽可能对字体使用CSS样式表。CSS的优点很多,例如网页布局整齐一致、功能强大而灵活、可单独作为一个文件存放,从而大大降低网页的大小。除此之外,CSS样式表还具备网站格式更新方便,只需更新CSS样式表文件的格式,就可以实现对整个网页的格式更新的优点。www.qitongnet.com 北京网站制作 综上所述,只需简单将HTML代码进行冗余清除和精简,就可以降低网页的大小,加快网页的下载速度,提高网页的效率。网站设计 (阅读次数:) |
||