Home > Article > Backend Development > phpcms v9 template production tutorial (4)
1. Develop standardized writing of DIV tags
In search engine optimization (seo), code optimization is also a very critical step. In order to be more in line with SEO specifications, the following are the currently popular CSS+DIV naming rules:
DIV ID naming
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
Tag page:tab
Article list:list
Tips: msg
Tips: tips
Column title: title
FriendLink:friendLink
Footer:footer
Join:joinus
Guide:guild
Service:service
Hotspot:hot
News:news
Download:download
Register:regsiter
Status:status
Button :btn
Vote:vote
Partner:partner
Copyright:copyRight
CSS ID naming
Coat:wrap
Main navigation:mainNav(globalNav)
Sub navigation: subNav
Footer:footer
Entire page:content
Header :header
footer:footer
trademark:label
title:title
top navigation:topNav
side navigation:sideBar
Left navigation:leftsideBar
Right navigation:rightsideBar
Logo:logo
Slogan:banner
Menu 1 content:menu1Content
Menu1 capacity:menu1Container
Submenu:submenu
Side navigation icon: sidebarIcon
Note:note
BreadCrumb (That is, the navigation prompt of the page location)
Container:container
Content:content
Search:search
Login:login
Ritual area: shop (such as shopping cart, cashier)
Current current
Style file naming
Default style of the whole site label: general.css or global.css
Layout design style: layout.css or container.css
Common styles (such as text, forms, etc.): style.css
Column/channel styles: columns. css
Print output style: print.css
Theme template style: themes.css
The above is the content of phpcms v9 template production tutorial (4), more related content Please pay attention to the PHP Chinese website (m.sbmmt.com)!