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)!