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
JS implements a simple counter
Use HTML CSS and JavaScript to implement a simple...
How to encapsulate the carousel component in Vue3
Purpose Encapsulate the carousel component and us...
Summary of MySQL lock knowledge points
The concept of lock ①. Lock, in real life, is a t...
About the solution record of the page unresponsiveness when using window.print() in React
Table of contents 1. Background of the problem: 2...
CSS3 analysis of the steps for making Douyin LOGO
"Tik Tok" is also very popular and is s...
SQL Server database error 5123 solution
Because I have a database tutorial based on SQL S...
A brief discussion on the difference between Mysql primary key index and non-primary key index
Table of contents What is an index The difference...
Native JS to achieve image marquee effects
Today I will share with you a picture marquee eff...
Detailed explanation of the process of troubleshooting the cause of high CPU usage under Linux
Table of contents Preface start step Troubleshoot...
MySQL database architecture details
Table of contents 1. MySQL Architecture 2. Networ...
MySQL 8.0.22 compressed package complete installation and configuration tutorial diagram (tested and effective)
1. Download the zip installation package Click he...
12 types of component communications in Vue2
Table of contents 1. props 2..sync 3.v-model 4.re...
Two ways to completely delete users under Linux
Linux Operation Experimental environment: Centos7...
MySQL 5.7.17 installation and configuration method graphic tutorial under win7
I would like to share with you the graphic tutori...
Solution to the Chinese garbled code problem in the decompressed version of MYSQL
The decompressed version of MYSQL is installed 1:...