典型WEB UI佈局以及設計命名規範
阿新 • • 發佈:2019-02-04
1. Container
“container“ 就是將頁面中的所有元素包在一起的部分,這部分還可以命名為: “wrapper“, “wrap“, “page“.
2. Header
“header” 是網站頁面的頭部區域,一般來講,它包含網站的logo和一些其他元素。這部分還可以命名為:“page-header” (或 pageHeader).
3. Navbar
“navbar“等同於橫向的導航欄,是最典型的網頁元素。這部分還可以命名為:“nav”, “navigation”, “nav-wrapper”.
4. Menu
“Menu”區域包含一般的連結和選單,這部分還可以命名為: “subNav “, “links“,“sidebar-main”.
5. Main
“Main”是網站的主要區域,如果是部落格的話它將包含的日誌。這部分還可以命名為: “content“, “main-content” (或“mainContent”)。
6. Sidebar
“Sidebar” 部分可以包含網站的次要內容,比如最近更新內容列表、關於網站的介紹或廣告元素等…這部分還可以命名為: “subNav “, “side-panel“, “secondary-content“.
7. Footer
“Footer”包含網站的一些附加資訊,這部分還可以命名為: “copyright“.