Good DIV + CSS naming rules are conducive to SEO Optimization

I. CSS file and style naming

1. CSS file naming rules

Global style: global.css;

Frame layout: layout.css;

Font.css;

Link style: link.css;

Print Style: print.css;

2. CSS style naming rules

My suggestion: it may consist of letters, _ signs,-signs, and numbers. It must start with a letter and cannot be a pure number. For the convenience of style name management after development, please use meaningful words or abbreviations to name them so that colleagues can understand which style is like this, this saves time for searching styles, for example:

Header styles use headers, header_left or header_l to the left of the header, and -- box _ 1of3 (the first column in the three columns) if the column structure is used ), box F3 (the second column in the three columns) and box _ 3of3 (the third column in the three columns). I will not give an example for others. Just name them according to the above rules.

The following lists some frequently used naming words for your convenience: (in the future, you will gradually share your accumulated words during your work, so that your life will be more unified, there will be no more words .)

Container: container/box

Header: header

Main PILOT: mainNav

Sub-Pilot: subNav

Top navigation: topNav

Website logo: logo

Announcement: banner

Central page: mainBody

Background: footer

Menu

Menu content: menuContent

Sub-menu: subMenu

Sub-menu content: subMenuContent

Search: search

Search keyword: keyword

Search range: range

Label text: tagTitle

TAG content: tagContent

Current Tag: tagCurrent/currentTag

Title: title

Content

Column table: list

Current location: currentPath

Side bar: sidebar

Icon

Note: note

Login: login

Note: register

Column definition: column_1of3 (the first column in the three columns)

Column53f3 (second column in the three columns)

Column_3of3 (the third column in the three columns)

• 5 pages in total:
• Previous Page
• 1
• 2
• 3
• 4
• 5
• Next Page