主要是有三方面的优势：
搜索引擎友好，如果结构太深的话，不便于抓取，不利于seo蜘蛛对于网站结构的理解，从而影响收录或者排名；
代码的可维护度，如果太深的话，由于是多人开发，不便于同事读懂代码；
用js或jquery在操作dom的时候，方便理解和元素选取。
以上就是html页面中最好用扁平化的原因。
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
.dow{display:blockwidth:202pxheight:52px line-height:52px text-align:center font-family:arial,verdana,sans-serif, '新宋体' font-weight:bold font-size:22px background:#428bcacolor:#fff text-decoration:none border: 3px solid #357ebd cursor:pointer}
.dow:hover{background:#1165ae}
.dow:active{background:#0d79d5}
</style>
</head>
<body>
<input name="xiazai" type="submit" class="dow" value="立即下载">
<br />
<br/>
<button name="xiazai" type="submit" class="dow">立即下载</button>
<br />
<br />
<a href="#" class="dow">立即下载</a>
</body>
</html>
效果图：
1、ASP文件中的代码pencat=rs.Fields.Item("m_content").Value
pencat=replace(pencat,"t_title",n_title)
pencat=replace(pencat,"t_author",n_author)
pencat=replace(pencat,"t_content",n_content)
Set fso = Server.CreateObject("Scripting.FileSystemObject")
Set fout = fso.CreateTextFile(server.mappath(fpath&"\" &fname))
fout.WriteLine pencat
fout.close
2、如下给出要生成的网页模板：
<html>
<head>
<meta http-equiv=""Content-Language"" content=""zh-cn"">
<meta http-equiv=""Content-Type"" content=""text/htmlcharset=gb2312"">
<meta name=""GENERATOR"" content=""Microsoft FrontPage 4.0"">
<meta name=""ProgId"" content=""FrontPage.Editor.Document"">
<title></title>
</head>
<body topmargin=""0"" leftmargin=""0"">
<table border=""0"" width=""760"" height=""100%"" background=""background.jpg"" >
<tr>
<td width=""752"" height=""10"" colspan=""3"">
<p align=""center"">t_title
</td>
</tr>
<tr>
<td width=""752"" height=""18"" colspan=""3"">
<div align=""center"">
</div>
<div align=""center"">
<font size=""2"">
作者：</font><font color=""#990000"">t_author</font>
<font size=""2"">
加入时间：</font><font color=""#990000"">t_date</font>
</div>
</td>
</tr>
<tr>
<td width=""15%"" height=""100%"" valign=""top"">
</td>
<td width=""70%"" height=""100%"" valign=""top"">
t_content
</td>
<td width=""15%"" height=""100%"" valign=""top"">
</td>
</tr>
</table>
</body>
</html>
3、解释
（1）pencat=rs.Fields.Item("m_content").Value
pencat为一个字符串变量。
rs.Fields.Item("m_content").Value就是如上2、网页模板的全部HTML字符
（2）pencat=replace(pencat,"t_title",n_title)
pencat=replace(pencat,"t_author",n_author)
pencat=replace(pencat,"t_content",n_content)
以上三句就是将字符串中的字串替换成为你所需要的内容，即ASP中动态获得的内容。
（3）Set fso = Server.CreateObject("Scripting.FileSystemObject")
Set fout = fso.CreateTextFile(server.mappath(fpath&"\" &fname))
fout.WriteLine pencat
fout.close
以上为将刚刚组合所得的网页代码写入文件的过程。第一句定义fso文件，第二句创建输出流文件，其中fpath为你想要存储的文件的路径，fname为文件名；后两句是将字符串写入文件和关闭输出流文件。
