程序员人生网站导航

XHTML模块化布局的好处与实例

栏目：htmlcss时间：2014-03-24 06:36:56

　　网(LieHuo.Net)教程模块化是指解决一个复杂问题时自顶向下逐层把软件系统划分成若干模块的过程。每个模块完成一个特定的子功能，所有的模块按某种方法组装起来，成为一个整体，完成整个系统所要求的功能。

　　模块具有以下几种基本属性：接口、功能、逻辑、状态，功能、状态与接口反映模块的外部特性，逻辑反映它的内部特性。

　　在软件的体系结构中，模块是可组合、分解和更换的单元。

　　下面是：XHTML模块化布局

　　结构和命名规范：

以下为引用的内容：
<div id="header">头部</div>
<div id="main">
    <div class="partA">
        <div class="part_l">
            <div class="fl"></div>
            <div class="fr"></div>
        </div>
        <div class="part_r"></div>
    </div>
    <div class="ad">广告</div>
    <div class="partB">
        <div class="part_l">
            <div class="partB_01"></div>
            <div class="partB_02"></div>
        </div>
        <div class="part_ci">
            <div class="partB_03"></div>
            <div class="partB_04"></div>
            <div class="partB_05"></div>
        </div>
        <div class="part_r">
            <div class="partB_06"></div>
        </div>
    </div>
    <div class="ad">广告</div>
    <div class="partC">
        <div class="partC_01">
            <div class="partC_01_01">
                ….
            </div>
        </div>
        <div class="partC_02">
            <div class="partC_02_01">
                ….
            </div>
        </div>
        <div class="partC_03">
            <div class="partC_03_01">
                ….
            </div>
        </div>
        <div class="partC_04">
            <div class="partC_04_01">
                ….
            </div>
        </div>
    </div>
    <div class="ad">广告</div>
</div>
<div id="footer">尾部</div>

------分隔线----------------------------

上一篇 Access入门教程 2.3 工具栏的使用

下一篇 使用JQuery实现Web弹出编辑框

------分隔线----------------------------