文档介绍：UI编码规范
前言
UI编码应该尽量语义化，这样方便SEO收录和解析，有利于提高站点知名度，本文档的撰写目的是从关键字和文件管理方面尝试架构一个方便维护的站点。
1、布局模板
默认布局方式以折中分辨率1024
UI编码规范
前言
UI编码应该尽量语义化，这样方便SEO收录和解析，有利于提高站点知名度，本文档的撰写目的是从关键字和文件管理方面尝试架构一个方便维护的站点。
1、布局模板
默认布局方式以折中分辨率1024*768为通用的调试环境。
带侧栏的布局
整个布局由四大部分组成：header、menu、main、footer，其中menu有时也包含在header中。其中，xhtml 。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "-">
<html xmlns="">
<head>
<link type="text/css" rel="stylesheet" href="css/"/>
<script type="text/javascript" src="js/"></script>
</head>
<body>
<div id="wrap">
<div id="header">
<div id="logo"></div>
</div>
<div id="menu"></div>
<div id="main">
<div id="sideBar"></div>
<div id="content"></div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
body,htm,html {
margin: 0;
padding: 0;
}
#wrap{}
#header{}
#logo{}
#menu{}
#main{}
#sideBar{}
#content{}
#footer{}
：
布局效果图如下：
图页面布局框架图
布局方案的选择
其他的布局方式在此基础上做调整即可。具体的布局应根据实际的需求来选择。如果页面需要尽可能多地显示数据时，可以将侧栏取消，如果栏目很多而且较分散时，可以添加leftSide和rightSide模块来替换sideBar。
标记结构化
在使用标记时应尽量结构化，这样做的好处是加快浏览器的解析速