Div css naming standards css class naming rules (in line with SEO standards)

Div css naming standards css class naming rules (in line with SEO standards)
There are many tasks to be done in search engine optimization (SEO), among which code optimization is a critical step. In order to better meet SEO standards,
The following are the currently popular CSS+DIV naming rules:

Header:header
Login Bar: loginBar
Logo:
Sidebar: sideBar
Advertisement: banner

Navigation: nav
Sub-navigation: subNav
Menu:menu
Submenu: subMenu
Search:search
Scroll: scroll

Page body:main
Content: content/container/box
Tab:tab
Article list:list
Prompt message: msg
Tips:
Column title: title

Join: joinus
Guide:guild
Service:
Hot spot:hot
News: news
Download:download
Registration: regsiter
Status: status

Button:btn
Vote:vote
Friend Link:
Footer:footer
Partner:partner
Copyright:copyRight

CSSID naming coat: wrap
Main navigation: mainNav
Sub-navigation: subnav
Header:header
Footer:footer
The entire page:main

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

Container: container/box
Content:
Submenu:submenu
Sidebar Icon: sidebaricon
Note:
Search:search
Login: login
Functional area: shop (such as shopping cart, cashier)
current

BreadCrumbs: breadCrumb (i.e. navigation hint of the page location)

The main style file name is: master.css
Layout: layout.css
Columns: columns.css
Text: font.css
Print style: print.css
Themes:themes.css
Common: common.css/public

<<:  How to use Nginx to carry rtmp live server

>>:  Example code for changing the style of other tags by hovering the mouse using CSS

Recommend

How to implement h5 input box prompt + normal text box prompt

XML/HTML CodeCopy content to clipboard < input...

Pycharm2017 realizes the connection between python3.6 and mysql

This article shares with you how to connect pytho...

MySQL data operation-use of DML statements

illustrate DML (Data Manipulation Language) refer...

Detailed explanation of how to pass password to ssh/scp command in bash script

Install SSHPASS For most recent operating systems...

How to find and delete duplicate records in MySQL

Hello everyone, I am Tony, a teacher who only tal...

Detailed explanation of Mysql transaction processing

1. MySQL transaction concept MySQL transactions a...

Let's talk about parameters in MySQL

Preface: In some previous articles, we often see ...

Solution to the garbled code problem in MySQL 5.x

MySQL is a commonly used open source database sof...

A line of CSS code that crashes Chrome

General CSS code will only cause minor issues wit...

MySQL 5.7.15 installation and configuration method graphic tutorial (windows)

Because I need to install MySQL, I record the ins...

CSS to achieve the small sharp corner effect of bubbles

Effect picture (the border color is too light, pu...