Home > Article > Web Front-end > SEO optimization div css naming rules_html/css_WEB-ITnose
Collect the most practical web page special effects codes! http://js.alixixi.com/
SEO (search engine optimization) has a lot of work to do, among which code optimization is a very critical step. In order to be more in line with SEO specifications, the following Central IT Network will organize the naming rules of the currently popular CSS DIV as follows:
Header: header
Login bar: loginBar
Logo: logo
Sidebar: sideBar
advertising:banner
navigation:nav
sub-navigation:subNav
menu:menu
submenu:subMenu
search:search
scroll:scroll
page body :main
Content:content
Tab:tab
Article list:list
Prompt message:msg
Tips:tips
Column title:title
Join:joinus
Guide:guild
Service:service
Hot spot:hot
News:news
Download:download
Register:regsiter
Status:status
Button:btn
Vote:vote
Partner: partner
Friendly link: friendLink
Footer: footer
Copyright: copyRight
1. Naming of CSS ID
Coat: wrap
Main navigation: MainNav
Sub-navigation: subnav
Footer: footer
Whole page: content
Header: header
Footer: footer
Trademark: label
Title : Title
Main navigation: mainNav(globalNav)
Top navigation: topnav
Side navigation: sidebar
Left navigation: leftsideBar
Right navigation: rightsideBar
Flag: logo
Slogan: banner
Menu content 1: menu1Content
Menu capacity: menuContainer
Submenu: submenu
Side navigation icon: sidebarIcon
Note: note
BreadCrumb: breadCrumb (that is, the page Location navigation prompt)
container: container
content: content
search: search
login: login
functional area: shop (such as shopping cart, checkout)
current current
2. In addition, the comments available when editing the style sheet can be written as follows:
Content area
3. Style file naming
Main master.css
layout, layout.css
columns.css
text font.css
print style print.css
themes.css