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

So konfigurieren Sie ein Jupyter-Notebook im Docker-Container

Das Jupyter-Notebook wird unter dem Docker-Contai...

Lösung für „Keine Eingabedatei angegeben“ in nginx+php

Heute ist in meiner lokalen Entwicklungsumgebung ...

Eine kurze Diskussion über die Sortierabfrage mit angegebener MySQL-Reihenfolge

Vor kurzem habe ich an einem Großbildschirmprojek...

Zusätzliche Anweisungen zur Verwendung von Gettern und Aktionen in Vuex

Vorbemerkungen 1.Unterschiede zwischen Vue2.x und...

Nexus verwendet Nginx-Proxy zur Unterstützung des HTTPS-Protokolls

Hintergrund Alle Unternehmenswebsites müssen das ...

Detailliertes Verständnis des Lebenszyklusvergleichs zwischen Vue2 und Vue3

Inhaltsverzeichnis Zyklusvergleich Verwendung Zus...

Lassen Sie uns im Detail darüber sprechen, wie Browser Abschlüsse betrachten

Inhaltsverzeichnis Vorwort Einführung in Closures...

Detaillierte Erklärung des Prinzips und der Verwendung von MySQL-Ansichten

Dieser Artikel veranschaulicht anhand von Beispie...

JavaScript zum Erzielen eines Zeitlupenanimationseffekts

In diesem Artikel wird der spezifische Code für J...

MySQL-Lernnotizen zum Umgang mit doppelten Daten

MySQL verarbeitet doppelte Daten Einige MySQL-Tab...