教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

網站頁面有哪些結構？Web前端之頁面結構分析

更新時間:2019年07月15日15時58分 來源:傳智播客 瀏覽次數(shù):

雖然網頁的表現(xiàn)形式千變萬化，但大部分網頁的基本結構都是相同的。了解頁面結構可以方便我們開發(fā)前端頁面，加快開發(fā)進度。網站頁面的基結構主要包含引導欄、 header、導航欄、banner、內容區(qū)、版權信息這幾模塊。

網站結構
(1)引導欄位于界面的頂部，通常用來放置客服電話、幫助中心、注冊和登錄等息，高度一般為35~50px。

(2) header位于引導欄正下方，主要放置企業(yè)logo等內容信息。高度一般80-100px。但是目前的流行趨勢是將 header和導航合并放置在一起，高度一般85-130px。

(3)導航欄是網站子級頁面入口的集合區(qū)域，相當于網站的菜單。導航欄高度一般為內容字體的2倍或2.5倍，一般為40-60pX。

(4)網站 banner是網站中最主要的廣告形式。baer將文字信息圖片化，以直觀的方式進行展示，從而提高頁面轉化率。 banner高度通常為300-500px。

(5)內容區(qū)和版權信息高度不限，可根據內容信息的進行調整。內容區(qū)通過單列布局、兩列布局等布局方式將內容合理展示，版權信息主要放置一些公司信息或者制作者信息。

以上內容我們介紹了“網站頁面的結構”，希望對您有所幫助。如果在web前端學習過程中還遇到其他問題，可以點擊咨詢按鈕獲得幫助。

推薦了解熱門學科
python
區(qū)塊鏈培訓
軟件測試培訓
0 分享到：
和我們在線交談！