软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > Html/css > XHTML模块化布局的好处与实例

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

  烈火网(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>

相关阅读
网友评论
栏目导航
推荐软件