您当前位置：首页 > web前端 > htmlcss > XHTML模块化布局的好处与实例

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

来源：程序员人生发布时间：2014-03-24 06:36:56 阅读次数：3380次

　　网(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弹出编辑框

分享到:

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

为码而活

积分：4237

15粉丝

7关注

栏目热点