Benefits and examples of XHTML modular Layout

The modularization of the Helper House (www.bkjia.com) course refers to the process of dividing the software system into several modules from top to bottom when solving a complex problem. Each module completes a specific sub-function. All modules are assembled in a certain way to form a whole and complete the functions required by the entire system.

The module has the following basic attributes: interface, function, logic, status, function, status, and interface reflect the external characteristics of the module, and the logic reflects its internal characteristics.

In the software architecture, a module is a unit that can be combined, decomposed, and replaced.

Below: XHTML modular Layout

Structure and naming rules:

Reference content is as follows: <Div id = "header"> 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"> advertisement </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"> advertisement </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"> advertisement </div> </Div> <Div id = "footer"> tail </div>

• 2 pages in total:
• Previous Page
• 1
• 2
• Next Page