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

Vergleich der Vorteile von vue3 und vue2

Inhaltsverzeichnis Vorteil 1: Optimierung des Dif...

Verwenden einer MySQL-Datenbank im Docker, um LAN-Zugriff zu erhalten

1. Holen Sie sich das MySQL-Image Docker-Pull MyS...

Dateiupload über HTML5 auf Mobilgeräten

Meistens werden Plug-Ins zum Hochladen von Dateie...

Beispiel für die Implementierung einer Komponente mit fester Unterseite in Vue

Inhaltsverzeichnis 【Wirkung】 【Implementierungsmet...

Einfaches Beispiel für HTML-Textformatierung (ausführliche Erklärung)

1. Textformatierung: Dieses Beispiel zeigt, wie T...

Wir treiben IE6 alleine in den Untergang

Tatsächlich fragen wir uns jeden Tag, wann IE6 wi...

So löschen Sie Datensätze in MySQL automatisch vor einer bestimmten Zeit

Über Ereignisse: MySQL 5.1 hat begonnen, das Konz...

Docker+Nextcloud zum Erstellen eines persönlichen Cloud-Speichersystems

1. Docker-Installation und -Start yum installiere...

Lösen Sie das Problem, dass Docker Sudo-Operationen verwenden muss

Die Schritte sind wie folgt 1. Erstellen Sie eine...

Beispielcode für die programmgesteuerte Verarbeitung von CSS-Stilen

Vorteile eines programmatischen Ansatzes 1. Globa...

CSS3 realisiert verschiedene grafische Effekte kleiner Pfeile

Es ist großartig, CSS zu verwenden, um verschiede...

Die entsprechenden Attribute und Verwendung von XHTML-Tags in CSS

Als ich anfing, Webseiten mit XHTML CSS zu entwer...