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
vue-admin-template dynamic routing implementation example
Provide login and obtain user information data in...
A brief analysis of the underlying principles of MySQL transactions and isolation levels
Table of contents Preface 1. Brief Analysis of th...
Introduction to Kubernetes (k8s)
I had always wanted to learn Kubernetes because i...
What is jQuery used for? jQuery is actually a js framework
Introduction to jQuery The jQuery library can be ...
Introduction to container data volumes in Docker
Table of contents Docker container data volume Us...
5 cool and practical HTML tags and attributes introduction
In fact, this is also a clickbait title, and it c...
Native JS to achieve blinds special effects
This article shares a blinds special effect imple...
Detailed explanation of the use of umask under Linux
I recently started learning Linux. After reading ...
Detailed explanation of the functions of each port of Tomcat
From the tomcat configuration file, we can see th...
How to enter directory/folder in Linux without using CD command
As we all know, without the cd command, we cannot...
WePY cloud development practice in Linux command query applet
Hello everyone, today I will share with you the W...
Talking about the practical application of html mailto (email)
As we all know, mailto is a very practical HTML ta...
A brief discussion on Flex layout and scaling calculation
1. Introduction to Flex Layout Flex is the abbrev...
MySQL gets the current date and time function
Get the current date + time (date + time) functio...
Implementation of forced line breaks and non-line breaks in div, td, p and other containers in HTML
1. Force no line break and end with an ellipsis. C...