每個(gè)站長在網(wǎng)站建設(shè)時(shí)，排版往往是眾多難題之一。在排版當(dāng)中，有五個(gè)功能不同樣式也不一樣的排版模塊，分別是自由容器、橫向標(biāo)簽、縱向標(biāo)簽、多列排版、通欄排版。為了幫助網(wǎng)站建設(shè)的站長們能夠快速分辨這幾個(gè)模塊，小編特意寫了這篇文章來提供參考。

一、自由容器，自由容器顧名思義就是非常的自由，它的適用范圍很廣，它可以單獨(dú)做一個(gè)整體模塊包含其他模塊放置在頁面，在模塊中可以放置文本、圖片、按鈕等等的內(nèi)容型模塊，這樣的模塊我們稱它為母模塊。而母模塊中的各種模塊我們稱它為子模塊。如圖一。

除了可以單獨(dú)做一個(gè)母模塊，另外也可以作為母模塊中的子模塊。將自由容器拉到橫向標(biāo)簽、縱向標(biāo)簽、多列排版或則是通欄排版中也是可行的。如圖二中，自由容器就成為了多列排版中的其中一個(gè)內(nèi)容模塊。

二、橫向標(biāo)簽，網(wǎng)站建設(shè)使用橫向標(biāo)簽，可以起到給網(wǎng)站內(nèi)容分類的作用。如圖三中的“敢玩不同”、“異國風(fēng)情”和“超值旅行”，就是橫向標(biāo)簽的主干內(nèi)容。它同樣是個(gè)母模塊，每個(gè)標(biāo)簽里的圖片是運(yùn)用了魔方多圖的子模塊所制作而成的。因此在網(wǎng)站建設(shè)的過程中，如果需要進(jìn)行內(nèi)容分類可以運(yùn)用橫向標(biāo)簽。

三、縱向標(biāo)簽?？v向標(biāo)簽的作用與橫向標(biāo)簽的作用相類似。如圖四所示，縱向標(biāo)簽可以作為橫幅中的一部分，放在網(wǎng)站的頂部，起到與產(chǎn)品分類欄類似的作用。還能在縱向標(biāo)簽的中加上搜索欄、文本以及圖片。因此縱向標(biāo)簽可以放在網(wǎng)站的頂部，充當(dāng)著產(chǎn)品分類欄的作用。

四、多列排版，也是作為母模塊來使用，對于陳列多種模塊和內(nèi)容有著增強(qiáng)條理性和邏輯性的作用。如圖五所示，在這多列排版中，有著圖文展示、自由容器、產(chǎn)品展示的子模塊，從而組成了這個(gè)多列排版的母模塊。

五、通欄排版，這個(gè)排版與其他排版不一樣在于，它可以把通欄模塊與其他模塊很明顯得分割開，做出強(qiáng)烈的對比效果。同樣它也是作為母模塊，可以在其中添加不同的子模塊作為內(nèi)容。通欄模塊往往作為版式區(qū)與底部區(qū)的分割線。

以上就是5種不同的排版樣式，這5種樣式在網(wǎng)站建設(shè)的過程中也經(jīng)常戶使用到，不過具體的使用情況就要看各自的需求了，希望上述的內(nèi)容可以對不懂怎么建設(shè)網(wǎng)站的小伙伴起到幫助。