网站首页 > 走近华缘 > 网站建设
HTML代码优化的三项原则
象春季大扫除房子,您的网页html代码应该得到周期性清洁。 随着时间的推移,作为变动和更新被做对网页,代码能变得乱丢与多余的凌乱,减速页装货时间和伤害您的网页效率。 凌乱的html可能也严重影响您的搜索引擎等第。

这是准确无误的,如果您使用所见即所得(什么您看见是什么您得到)网络设计包裹例如头版或Dreamweaver。 这些节目将加速您的网站创作,但是他们不是那高效率在文字干净的html代码。

我们集中这次讨论于实际html编制程序,忽略也许用于页例如Java语言的其他编程语言。 在代码例子中我使用(和)字符而不是正确html,以便代码例子在这时事通讯将适当地显示。

近来,当编码页在HTML时我们会使用标记例如(字体)标记和(p)段标记。 在这些标记之间是我们的页内容、文本、图象和链接。 每次格式化变动在新的标记必要与新的完全格式化区分的页做了。 我们最近获取了能力使用级联类型表,允许我们一次写格式化然后提到那格式化在网页之内的多次。

为了加速页装货时间我们在html编辑需要有在页的少量字符,当观看。 因为我们真正地不想要去除我们的任一个可看见的内容我们需要看到html代码。 通过清扫这个代码我们可以去除字符,从而创造迅速将装载的一个更小的网页。

随着时间的推移HTML改变了,并且我们现在有许多不同的方式做同一件事。 例子是被用于的代码显示黑体字面孔。 在HTML我们有二个主要选择、(强的)标记和(b)标记。 您能看到(强的)标记比(b)标记还使用5个字符,并且,如果我们考虑闭合值的标记我们看见曾经(强的) (/strong)标记对比更加干净的(b) (/b)标记对还使用10个字符。

这是我们的干净的HTML代码的基本原理: 使用可利用最简单的编制程序的方法。

HTML有嵌套代码的能力在其他代码之内的。 例如我们可能有与中间词在大胆的三个词的一条线。 这可能通过完全改变格式化完成,每次可看见的格式化改变。 考虑这个代码:

(字体face=”计时”)这(/font)
(字体(强) face=”的时间")大胆(/strong) (/font)
(字体face=”时期”)词(/font)
这占去90个字符。

这是非常不足书面html并且是什么您偶尔地将得到,当曾经所见即所得编辑时。 从(字体)标记重复我们可以筑巢在(字体)标记里面的同样信息(强的)标记,和更好,使用(b)标记而不是(强的)标记。 这将给我们这个代码(字体face=”时间)这(b)大胆(/b)词(/font),占去仅46个字符。

这是我们的干净的HTML代码的第二项原则: 使用被筑巢的标记,当可能。 注意所见即所得编辑将通过增加层数常常地更新格式化在被筑巢的代码以后层数。 因此,当您清扫代码时寻找您的所见即所得安置的那里重复被筑巢的代码编辑节目。

使用HTML标记的一个大问题是我们需要重复标记编制程序,每当我们改变格式化。 CSS出现通过一次给我们对布局格式化给我们在干净的编制程序的巨大好处在文件,然后多次提到它。

如果我们有交换格式化之间的二种区别类型,例如在蓝色的标题,大胆的六段在页, Ariel,估量4并且分段在黑色,时期,大小2的文本,使用我们会需要列出那完全格式化的标记,每次我们做一个变动。

(字体face=” Ariel” color=”蓝色” size=” 4”) (b)我们的标题(/b) (/font)
(字体face=”计时color=”黑” size=” 2”)我们的段(/font)
(字体face=” Ariel” color=”蓝色” size=” 4”) (b)我们的下个标题(/b) (/font)
(字体face=”计时color=”黑” size=” 2”)我们的下段(/font)

我们然后会重复此每标题和段的,许多html代码。

使用我们可能创造每个格式化类型的CSS样式的CSS,一次列出样式在页的倒栽跳水,然后参见样式,每次我们做一个变动。

(头)
(样式type= "文本或css ")
(! --
.style1 {
字体家庭: Arial,海尔维希, Sans Serif;
字体重量: 大胆;
字体大小: 24px;
}
.style2 {
字体家庭: “Times New Roman”,时期,细体;
字体大小: 12px;
}
--)
(/style)
(/head)
(身体)
(p class= " style1 ")朝向(/p)
(p class= " style2 ")段文本(/p)
(/body)

注意样式在页的顶头部分在身体部分被创造然后参考。 因为我们增加更多格式化我们会继续提到以前被创造的样式。

这是我们的干净的HTML代码的第三项原则: 使用CSS样式,当可能。 CSS在一个外在文件有几个其他好处,例如能安置CSS样式,从而减少页面大小和能力迅速更新格式化站点范围内通过更新外部CSS样式文件。

因此与您的HTML代码一些简单的清洁您能容易地减少文件大小和做一个快速的装货、倾斜和卑鄙网页。
关键字:福州网站建设|福州网络公司 | 福州网站制作 | 福州网站设计 | Fuzhou listing | 网站建设信息 | 网站地图 | 纽约市网站建设 | 三明网站建设 | 三明网站建设 | 福建网站建设 | 龙岩网站建设 | 南平网站建设 | 泉州网站建设 | 厦门网站建设 | 莆田网站建设