English version
German version
Spanish version
French version
Italian version
Portuguese / Brazilian version
Dutch version
Greek version
Russian version
Japanese version
Korean version
Simplified Chinese version
Traditional Chinese version
Hindi version
Czech version
Slovak version
Bulgarian version
 

HTML 代码优化的三项原则

网页设计 RSS Feed





象春天清洗房子, 您的网页HTML 代码应该得到周期性清洁。在时间期间, 作为变动和更新被做对网页, 代码能成为乱丢以多余的凌乱, 减速页装货时间和伤害您的网页效率。凌乱的HTML 可能严重并且冲击您的搜索引擎等第。

这是特别真实的如果您使用所见即所得(什么您看见是什么您得到) 网设计包裹譬如FrontPage 或Dreamweaver 。这些节目将加速您的网站创作, 但他们不是那高效率在文字干净的HTML 代码。

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

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

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

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

这是我们的干净的HTML 代码的第一项原则: 使用最简单的编制程序方法可利用。

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

(字体face=?times?)This(/font)
(字体face=?times?)(strong)BOLD(/strong)(/font)
(字体face=?times?)Word(/font)
这占去90 个字符。

这是非常穷地书面HTML 和是什么您偶尔地将得到何时使用所见即所得编辑。从(字体) 标记重覆我们能简单地筑巢的同样信息(强的) 标记在(字体) 标记里面, 和更好使用(b) 标记代替(强的) 标记。这会给我们这个代码(字体face=?times)This (b)BOLD(/b) Word(/font), 占去只46 个字符。

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

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

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

(字体face=?Ariel? color=?blue? size=?4?)(b)Our heading(/b)(/font)
(字体face=?Times color=?black? size=?2?)Our paragraph(/font)
(字体face=?Ariel? color=?blue? size=?4?)(b)Our 其次heading(/b)(/font)
(字体face=?Times color=?black? size=?2?)Our 其次paragraph(/font)

我们然后会重覆这为各标题和段, 许多HTML 代码。

以我们能创造CSS 样式为各种格式化类型的CSS, 列出样式一次在页的倒栽跳水, 和简单地然后参见样式每次我们做变动。

(头)
(样式type="text/css")
(! - -
style1 {
字体家庭: Arial, 海尔维希, sans-serif;
字体重量: 大胆;
字体大小: 24px;
}
style2 {
字体家庭: "Times.new.roman", 时期, serif;
字体大小: 12px;
}
--)
(/样式)
(/头)
(身体)
(p class="style1")Heading(/p)
(p class="style2")Paragraph Text(/p)
(/身体)

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

这是我们的干净的HTML 代码的第三项原则: 使用CSS 样式当曾经可能。CSS 有几个其它好处, 譬如能安置CSS 样式在一个外在文件, 因此减少页面大小, 和能力迅速更新格式化站点宽由简单地更新外部CSS 样式文件。

如此以您的HTML 代码一些简单的清洁您能容易地减少文件大小和做一个快速的装货、倾斜和卑鄙网页。

关于作者:
乔治・Peirson 是一位成功的企业家和互联网教练员。他象Photoshop, 闪光和Dreamweaver 是30 个多媒体的作者根据了讲解训练标题包括如此题目。看他的训练集合参观 www.howtogurus.com

文章来源: Messaggiamo.Com

Translation by Google Translator





Related:

» Seo Elite: New Seo Software!
» AntiSpywareBOT
» Reverse Mobile
» Error Nuker


网管得到HTML代码
加上这条到你的网站!

网站管理员提交你的文章
无须登记!填写好的表格和你的文章是在 Messaggiamo.Com 目录!

Add to Google RSS Feed See our mobile site See our desktop site Follow us on Twitter!

提交你的文章,以 Messaggiamo.Com 目录

分类


版权 2006-2011 Messaggiamo.Com - 网站地图 - Privacy - 网站管理员提交你的文章,以 Messaggiamo.Com 目录 [0.01]
Hosting by webhosting24.com
Dedicated servers sponsored by server24.eu