Introduction to WEB front-end standard naming

Header ----------------Used for the header
Main content main------------Used for the body Content (middle)
Left main-left -------------Left layout
Right main-right ----------Right layout

Coat wrap ------------------used for the outermost layer

Navigation bar nav ------- ----------Web page menu navigation bar
Content content ---------------Used for the middle body of the web page
Bottom footer ------ -----------Used for the bottom

Public naming of web page:

#wrapper page peripheral control overall layout width

#container or #content container,

is used for the outermost #layout

#head, #header header part

#foot, #footer footer part

#nav main navigation

#subnav secondary navigation

#menu menu#submenu submenu

#sideBar sidebar#sidebar_a, #sidebar_bleft sidebar Or the right column

#main page body

#tag label#msg #message prompt information#tips Tips#vote voting

#friendlinkFriendly connection

#titletitle#summaryAbstract

#loginbarLogin strip

#searchInput search input box

#hothotspot#searchsearch

#search_output search The output is similar to the search results

#searchBar search bar

#search_resultsSearch results

#copyright copyright information#branding trademark

#logo website LOGO logo

#siteinfo website information#siteinfoLegalLegal Statement

#siteinfoCreditsReputation#joinusJoin us

#partner partner#service service

#regsiter registration arr/ arrowarrow

#guild guide#sitemap website map

#list list#homepage首页

#subpage secondary page subpage

#tool, # toolbar toolbar#drop drop-down#dorpmenu drop-down menu

#status status#scroll scroll.

tab label page.left.right.center left, center, right.news news

.downloadDownload

.banner advertising banner (top advertising banner) electronic trade related.products products

.products_pricesproduct prices.products_descriptionproduct description

.products_reviewproduct reviews

.editor_revieweditor review.news_releaselatest product

.publisher producer.screenshot thumbnail

.faqsFAQ.keyword keyword.blogblog

.forum forum CSS file naming description master.css, style.css main module.css module base.css basically shares the layout.css layout, layout themes.css theme columns.css column font.css text, font forms.css form mend.css patch print.css print

The above is the detailed content of Introduction to WEB front-end standard naming. For more information, please follow other related articles on the PHP Chinese website!