转载HTML代码优化之三大原则
<font face="Arial" color="blue" size="4"><b>Heading2</b></font>
<font face="Times color="black" size="2">Paragraph2</font>
……
对于每个标题和段落内容，都需要重复编写格式代码，这样下来源码中将会产生很多HTML代码。倘若我们利用CSS来实现格式的切换，则CSS样式表代码只需在<HEAD>区中定义一次，在<BODY>正文中调用即可。形如：
<head>
<style type="text/css">
<!--
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 24px;
}
.style2 {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
}
-->
</style>
</head>
<body>
<p class="style1">Heading1</p>
<p class="style2">Paragraph1</p>
<p class="style1">Heading2</p>
<p class="style2">Paragraph2</p>
<p class="style1">Heading3</p>
<p class="style2">Paragraph3</p>
… …
</body>
请注意：CSS样式表是在头区中创建，并在网页主体<BODY>中得以应用。倘若想要为网页添加更多格式，则只需在CSS样式表中一次性定义好，就可在正文内容中随意任意设置好的格式。这也就是清除多余的HTML代码的第三大原则――尽可能对字体使用CSS样式表。CSS的优点很多，例如网页布局整齐一致、功能强大而灵活、可单独作为一个文件存放，从而大大降低网页的大小。除此之外，CSS样式表还具备网站格式更新方便，只需更新CSS样式表文件的格式，就可以实现对整个网页的格式更新的优点。
综上所述，只需简单将HTML代码进行冗余清除和精简，就可以降低网页的大小，加快网页的下载速度，提高网页的效率。
快速导航