孙乾雨

【摘 要】基于模块化的网页设计能够帮助网页使用者更快速地浏览网页并寻找自己所需的资料，还能通过模块化的设计快捷地实现网页维护工作，本文介绍了模块化网页设计技术的概念，并对模块化网页的设计与管理方式加以分析，旨在提升网页设计的便捷性，提升其维护效率并延长其时效性。

【关键词】模块化；网页设计；技术分析

模块化是将某一种功能以单一一个模块的形式设计出后，将各个模块进行拼接进而得出设计者想要的功能的一种设计方式。随着网络发展的速度不断加快，若无法提升网页设计的速度和质量，则会使网页设计的质量跟不上网络的发展速度，为此，如何利用模块化技术优化网页设计技术，是当前需要解决的问题。

一、模块化网页设计技术简介

模块化网页技术的本质与模块化程序设计相似，都是在以web模块为基础的设计单位进行组织和拼接的方式设计网页功能的一种设计技术。通常一个网页由一个主模块和数个子模块构成主模块构成了整个网页的基础框架。主模块的作用是作为存放子模块的“容器”，使子模块能够稳定地衔接在一起并起到共同运行的作用。主模块不仅能存储子模块，还能储存各种属于主模块自身的元素和注释。

子模块则是起到网页各个作用的主要元素，其能够储存和组织戴亮的基本页面元素，通常把一些功能相似的内容整合成一个单独的子模块文件，并将其像图像或是文字元素等直接插入到主模块之中，在有必要的前提下还能运用嵌套的方式让数个子模块互相嵌套以达到多层嵌套丰富模块作用的目的。

模块化设计的实现得益于HTML5的简化和优化设计。一般的网页模块可以分为三种，其分别是“头部模块”、“主体模块”和“底部模块”。“头部模块”主要负责网站logo以及各种导航链接的设置；“主体模块”主要包括banner图片、部门导航、视频内容和各种基础链接入口等基本网站构成元素；“底部模块”则包含了各种合作网站链接、网站备案号和各类相关信息等。而HTML5的出现使得网页能够支持在移动设备上播放多媒体内容的功能同时提供了更多地新元素和属性，不仅大幅提升了搜索引擎的索引整理的效率，还能提升网页维护的速度和质量[1]。

二、模块化网页设计技术实现方式

（一）扩充HTML语言

在进行HTML语言扩充时，要能够熟练运用模块化标识符