Home > Article > Web Front-end > div css naming rules that are good for SEO_html/css_WEB-ITnose
SEO (search engine optimization) has a lot of work to do, of which code optimization is a 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
Advertisement: banner
Navigation: nav
Sub-navigation: subNav
Menu: menu
Sub-menu: subMenu
Search: search
Scroll: scroll
Page body :main
Content: content
Tag page: tab
Article list: list
Prompt message: msg
Tips: tips
Column title: title
Join: joinus
Guide: guild
Service: service
Hotspot: hot
News: news
Download: download
Register: regsiter
Status: status
Button: btn
Vote:vote
Partner: partner
Friendly link: friendLink
Footer: footer
Copyright: copyRight
1. CSS ID naming
Jacket: 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
Breadcrumbs: breadCrumb (that is, the page Location navigation prompt)
Container: container
Content: content
Search: search
Login: login
Ribbon: shop (such as shopping cart, checkout)
current current
2. In addition, the comments available when editing the style sheet can be written like this:
Content area
3. Style file naming
Main master.css
layout, layout.css
columns columns.css
text font.css
print style print.css
themes.css