css xhtml规范化命名参考（CSS XHTML normalized naming reference）.docVIP

css xhtml规范化命名参考（CSS XHTML normalized naming reference） Naming CSS in a semantic way can be like this: #container{... } - Top section - -*/ / * #header{... } #navbar{... } / * - Main - -*/ #menu{... } #main{... } #sidebar{... } / * - Footer - -*/ #footer{... } 3 Container #container is the part that packages all the elements in your page. This part can also be named wrapper, wrap, page 4 Header #header is the head area of the web page. In general, it contains the logo of the web site and some other elements. You can also name this section: top, logo, header (or pageHeader) 5 Navbar #navbar is equivalent to the horizontal navigation bar, which is the most typical web element. You can also name NAV, navigation, nav-wrapper in this section The 6 Menu #Menu region contains links and menus in general. You can also name sub-nav and links in this section 7 Main #Main is the main area of the site. If it is a blog, it will include your journal. You can also name this section content, main-content (or, mainContent). 8 Sidebar The #Sidebar section can contain secondary content of the site, such as a recently updated content list, an introduction to the site, or advertising elements... You can also name this section: sub-nav, side-panel, secondary-content 9 Footer #Footer contains additional information about the site, which you can also name as copyright File naming specification Basic style: base.css Global style: global.css Frame layout: layout.css Font type: font.css Link style: link.css Print style: print.css Two, commonly used class /ID naming conventions Header: header Content: content Container: container Footer: footer Copyright: Copyright Navigation: menu Main navigation: mainMenu Sub navigation: subMenu Flag: Logo Slogan: Banner Title: title Sidebar: sidebar Icon: Icon Note: Note Search: Search Button: BTN Login: Login Link: link Info box: Manage Search box should be named searchInput, search icon, named the searchIcon, search button, and named searchBtn XHTML-CSS wr