html头部即从<!DOCTYPE 到 <body>标签之前的部分遵循HTML编写标准。
该部分的框架结构参考了css zen garden（CSS禅意花园）里的结构，因此，需要美化页面只需要将CSS禅意花园里的CSS文件下载放到stylesheets/article下，修改CSS链接文件即可，这样该文档的表现形式就可以千变万化，页面结构代码码如下。（为了能够方便的使用该框架，已经将其编入dreamweaver模版页里，见如下内容）
<body>
<div id="container">
<div id="intro">
<div id="pageHeader">
<h1>
<!-- TemplateBeginEditable name="title1" -->
大标题，如：“易标准”<!-- TemplateEndEditable --></h1>
</div>
<div id="quickSummary">
<h2>
<!-- TemplateBeginEditable name="title2" -->
文章标题
<!-- TemplateEndEditable -->
</h2>
</div>
<div id="preamble">
<!-- TemplateBeginEditable name="title3" -->
作者及时间
<!-- TemplateEndEditable -->
</div>
</div>
<div id="supportingText">
<div id="explanation">
<!-- TemplateBeginEditable name="main" -->
<h3>标题三 </h3>
<p>段落</p>
<!-- TemplateEndEditable -->
</div>
</div>
<div class="extraDiv1">
<a href="http://validator.w3.org/" title="本页符合当前W3C最严格的html标准xhtml1.1">
<span class="w3c_check_link">XHTML1.1<span class="check">√</span></span></a>
<a href="http://jigsaw.w3.org/css-validator/" title="本页符合W3C的CSS标准">
<span class="w3c_check_link">CSS<span class="check">√</span></span></a>
<a href="http://creativecommons.org/licenses/by-nc-sa/2.0/" title="Creative Commons协议英文原文 保留部分权利"><span class="cc_link">CC</span></a>
<a href="http://www.creativecommons.cn/licenses/by-nc-sa/1.0" title="CC协议中文版，保留部分权利"><span class="cc_link">CC中文</span></a>
<a href='javascript:window.print()' title="本页无需重新制作可直接打印">
<span class="print_link">直接打印</span></a>
<a href="http://www.ee-studio.com/" title="易易工作室-网络自由客-EUREKA倾情奉献">
<span class="ee_link">易易工作室</span></a>
<a href="http://www.eeeeee.org/" title="本页内容你还可以在eeeeee.org上找到">
<span class="eeeeee_link">易网</span></a>
</div>
</div>
</body>
以上各部分ID号所代表的意思就如其英文意思，可根据需要分别加入不同的内容。当前针对一篇文章，基本上是按照：