Webpage class naming rules and class naming rules

Webpage class naming rules and class naming rules
CSS style naming organization Page Structure

Container: container/wrap

Overall width: wrapper

Header: header

Content: content

Page subject: main

Footer: footer

Navigation: nav

Sidebar: sidebar

Column: column

Intermediate content: center

Navigation

Navigation: nav

Navigation: mainnav/globalnav

Subnavigation: subnav

Top navigation: topnav

Side navigation: sidebar

Left Navigation: leftsidebar

Right navigation: rightsidebar

Navigation icon: sidebarIcon

Menu: menu

Sub menu: submenu

Title: title

Function

Logo: logo

Login: login

Logon entry: loginbar

Registration: regsiter

Product: products

Product Price: productsPrices

Product comment: productsReview

Edit comment: editor-review

Latest product: news-release

Advertisement/slogan: banner

Abstract: summary

Manufacturer: publisher

Thumbnail: screenshot

FAQ: faqs

Keywords: keyword

Blog: blog

Forum: forum

Search: search

Search input box: search-input

Search output: search-output

Search Result: search-results

Join us: joinus

Status: status

Button: btn

Scroll: scroll

Tab: tab

Article list: list

Message: msg/message

Current: current

Tips: tips

Skin: skin

Recharge: pay

Activity: activities

Promotion: promotion

Announcement: announcement

Ranking: ranking

Company Profile: companyProfile

Company equipment: equipment

Company honor: glories

Corporate culture: culture

Enterprise Scale: scaleScale

Marketing Network: salesNetwork

Organization: organization

Technical force: technology

Branch: branches

Enterprise Qualification: EnterpriseQualification

Company strength: strengthStrength

Business philosophy: operationPrinciple

Manager speech: manager_oration

Development History: developmentHistory

Engineering Case: EngineeringProjects

Category: browseByCategory

Application field: applicationFields

Human resources: humanResourceHr

Speech by leader_oration

Customer message: customerMessage

Customer Service: customerService

Your requirements: yourRequirements

Sales info: salesInformation

Investment Attraction: EnterpriseEstablishing

Education and training: EducationTraining

Online Communication: onlineCommunication

Quality Certification: qualityCertification

Join: joinInCooperation

Product Description: productsDescription

Business Scope: businesss.pdf

Product Sales: salesSales

Contact Us: contactUs

Information Publishing: Information

Back to homepage: homepage

Product order: order

E-commerce: E-business

Copyright: copy Right

Link: hot Link

Industry news: tradeNews

Industry news: trends

Zip code: postalCodeZipcode

News: newsTrends

Company Name: companyName

Sales Hotline: salesHot_Line

Contact: contactPerson

Under construction: InConstruction

Certificate: certificate

Address: ADD/Add

TEL: Tel/TEL

FAX: Fax/FAX

Product Name: productName

Product description: description

Price: price

Brand: brand

Specification: specification

Size: size

Manufacturer: manufacuturer

Model: model

Product No.: Item No

Technical indicator: techniqueData

Product description: description

Origin: productionPlace

Purpose: application

Forum: Forum

Online Order: on_lineOrder

Bidding: bidInviting

Summary: general

Performance: achievements

Major Event: greatEvent

Dynamic: trends

Service: service

Investment: Investment

Industry: Industry

Planning: programming

Environment: environment

Send: delivery

Submit: submit

Rewrite: reset

Community: community

Business: business

Online Survey: onlineInquiry

Download center: download

Feedback: feedback

FAQ

Center Overview: generalProfile

Amusement park: amusementPark

Special Report: specialReport

Icon: icon

Note: note

Guide: guild

Service: service

Hotspot: hot

News: news

Download: download

Vote: vote

Standard: label/branding

Current location: breadcrumb/loc

Shopping Cart: shop

Tag

Reputation: siteinfo-credits

Website Information: siteinfo

Legal disclaimer: siteinfo-legal

Partner: partner

Link: friendlink

Copyright: copyright