Details: Sample FrontPage generated HTML Code
Here is an example of the HTML source code produced by FrontPage and a brief
explanation of how KISSfp's Compress HTML feature can reduce it. Note that KISSfp can also reduce the number of files and
folders in your web, which is an another feature and independent of compressing HTML.
<html><head>
<title>KISSfp - Details</title>
<meta name="keywords" content="...">
<meta name="description" content="...">
<meta name="Microsoft Theme" content="(...)">
<meta name="Microsoft Border" content="tb">
</head>
<body (...)>
<!--msnavigation-->(...)<!--mstheme-->
<font face="arial, arial, helvetica">
<div align="center"><center>
(...)
<!--msthemelist-->
<font face="verdana, arial, helvetica" size="1"> (...)
<!--msthemeseparator-->
<font face="arial, arial, helvetica"><p>
<font face="verdana, arial, helvetica" size="1"> (...)
<!--webbot bot="Outline" u-url="index.html"
b-aggressive-trimming="TRUE" b-show-orphans="FALSE"
b-manual-recalc="TRUE" i-heading="0" tag="BODY"
startspan -->
(...)
<!--webbot bot="Outline" endspan i-checksum="11728" -->
All of the grey HTML code is
useful only for editing but not for final viewing and removed by KISSfp.
Additionally, a lot of format tags are
useless repetitions and could be removed as well in a future version of KISSfp.
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="baseline" width="42">
<img src="_themes/valuead2/valbul1d.gif" width="20" height="20" hspace="11">
</td>
<td valign="top" width="100%">
Bullet List Element 1
</td>
</tr>
<tr>
<td valign="baseline" width="42">
<img src="_themes/valuead2/valbul1d.gif" width="20" height="20" hspace="11">
</td>
<td valign="top" width="100%">
Bullet List Element 1
</td>
</tr>
</table>
The above HTML code is what FrontPage generates if you insert a
Bullet List like the one shown below when a Theme is
active. It could be converted for not using a table which would speed up interpreting and
displaying the document and further reduce it's filesize. (Note that a "2nd Lebel
Bullet Element" as shown below creates a neested table, and so forth.)
- Bullet List Element 1
- Bullet List Element 2