Home >Web Front-end >HTML Tutorial >Reprint--Make search engine optimization (SEO) more effective CSS DIV tag naming convention_html/css_WEB-ITnose
Reprint--Make search engine optimization (SEO) more effective CSS DIV tag naming convention_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:32:33910browse
Make search engine optimization (SEO) more effective CSS DIV tag naming convention
Search engine optimization (seo) has a lot of work to do, among which code optimization is a critical step. In order to be more in line with SEO specifications, the following are the currently popular CSS DIV naming rules:
Header: header
Login bar: loginBar
Logo: logo
Sidebar: sideBar
Advertisement: banner
Navigation: nav
Sub-navigation: subNav
Menu: menu
Submenu: subMenu
Search: search
Scroll: scroll
Page body: main
Content: content
Tag page: tab
Article list: list
Prompt message: msg
Tips: tips
Column title: title
Friendly links: friendLink
Footer: footer
Join: joinus
Guide: guild
Service: service
Hotspot: hot
News: news
Download: download
Registration: regsiter
Status: status
Button: btn
Voting: vote
Partner: partner
Copyright: copyRight
1. CSSID 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 navigation prompt of the page location)
Container: container
Content: content
Search: search
Login: login
Functional area: shop (such as shopping cart, checkout)
Current current
2. Style file naming
Main: master.css
Layout: layout.css
Columns: columns.css
Text: font.css
Print style: print.css
Theme: themes.css