Div-CSS-Benennungsstandards, CSS-Klassenbenennungsregeln (entsprechend SEO-Standards)

Div-CSS-Benennungsstandards, CSS-Klassenbenennungsregeln (entsprechend SEO-Standards)
Bei der Suchmaschinenoptimierung (SEO) sind viele Aufgaben zu erledigen, wobei die Codeoptimierung ein entscheidender Schritt ist. Um SEO-Standards besser zu erfüllen,
Im Folgenden sind die derzeit gängigen CSS+DIV-Benennungsregeln aufgeführt:

Kopfzeile:Kopfzeile
Anmeldeleiste: loginBar
Logo:
Seitenleiste: Seitenleiste
Werbung: Banner

Navigation: nav
Unternavigation: subNav
Menü:Menü
Untermenü: Untermenü
Suche:Suche
Scrollen: scrollen

Seitentext:main
Inhalt: Inhalt/Behälter/Box
Tab:Tab
Artikelliste:Liste
Eingabeaufforderungsnachricht: msg
Tipps:
Spaltentitel: Titel

Beitreten: joinus
Anleitung:Gilde
Service:
Heißer Punkt: heiß
Nachrichten: Nachrichten
Herunterladen: herunterladen
Registrierung: regsiter
Status: Status

Taste:btn
Abstimmen:Abstimmen
Freund-Link:
Fußzeile: Fußzeile
Partner:Partner
Urheberrecht:copyRight

CSSID-Namensmantel: Wrap
Hauptnavigation: mainNav
Unternavigation: Subnav
Kopfzeile:Kopfzeile
Fußzeile: Fußzeile
Die gesamte Seite:main

Warenzeichen: Etikett
Titel: Titel
Hauptnavigation: mainNav(globalNav)
Top-Navigation: Topnav
Seitennavigation: Seitenleiste
Linke Navigation: leftsideBar
Rechte Navigation: rechte Seitenleiste
Flagge:Logo
Slogan: Banner
Menüinhalt 1:menu1Inhalt
Menükapazität: menuContainer

Behälter: Behälter/Karton
Inhalt:
Untermenü:Untermenü
Seitenleistensymbol: sidebaricon
Notiz:
Suche:Suche
Anmeldung: Anmelden
Funktionsbereich: Shop (z.B. Warenkorb, Kasse)
aktuell

BreadCrumbs: BreadCrumb (d. h. Navigationshinweis zum Standort der Seite)

Der Hauptstildateiname lautet: master.css
Layout: layout.css
Spalten: columns.css
Text: font.css
Druckstil: print.css
Themen: themes.css
Allgemein: common.css/public

<<:  Warum ist der MySQL-Autoinkrement-Primärschlüssel nicht kontinuierlich?

>>:  Beispielcode zum Ändern des Stils anderer Tags durch Bewegen der Maus mithilfe von CSS

Artikel empfehlen

Detaillierte Erläuterung der Anwendungsszenarien von Filtern in Vue

filter werden im Allgemeinen verwendet, um bestim...

Grundlegende Ideen zum Auffinden von Fehlern in der Web-Frontend-Entwicklung

Die WEB-Entwicklung besteht hauptsächlich aus zwe...

CSS3 erzielt einen coolen 3D-Rotationsperspektiveneffekt

CSS3 erreicht coole 3D-Rotationsperspektive 3D-An...

Eine kurze Analyse der asynchronen DOM-Aktualisierung von Vue

Inhaltsverzeichnis Das Prinzip der asynchronen DO...

Parsen von Apache Avro-Daten in einem Artikel

Zusammenfassung: Dieser Artikel zeigt, wie Avro-D...

So implementieren Sie verteilte Transaktionen in MySQL XA

Inhaltsverzeichnis Vorwort XA-Protokoll So implem...

Drei Möglichkeiten, das horizontale Div-Layout auf beiden Seiten auszurichten

In diesem Artikel werden hauptsächlich drei Metho...

Spezifische Verwendung des Vollbild-Scrollens von fullpage.js

1.fullpage.js Download-Adresse https://github.com...

So ändern Sie Port 3389 des Remotedesktops von Windows Server 2008 R2

Die Standardportnummer des Remotedesktops des Win...