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 des Kapselungsbeispiels für Netzwerkanforderungen

Exportstandard ({ URL (URL = URL = URL), Methode ...

So führen Sie .sh-Dateien im Linux-System aus

Es gibt zwei Möglichkeiten, .sh-Dateien im Linux-...

Fügen Sie dem Debian-Docker-Container geplante Crontab-Aufgaben hinzu

Mittlerweile basieren die meisten Docker-Images a...

W3C Tutorial (13): W3C WSDL Aktivitäten

Bei Webdiensten geht es um die Kommunikation zwis...

So ändern Sie die Master-Slave-Replikationsoptionen in MySQL online

Vorwort: Die am häufigsten verwendete Architektur...

vue realisiert die Anpassung der Spaltenbreite von el-table perfekt

Inhaltsverzeichnis Hintergrund Technische Lösung ...

Linux 6 Schritte zum Ändern der Standard-Remote-Portnummer von SSH

Der Standard-SSH-Remote-Port in Linux ist 22. Man...

Vue implementiert Sternebewertung mit Dezimalstellen

In diesem Artikel wird der spezifische Code von V...

So legen Sie einen gepunkteten Rahmen in HTML fest

Verwenden Sie CSS-Stile und HTML-Tag-Elemente Um ...

JavaScript realisiert den Warteschlangenstrukturprozess

Inhaltsverzeichnis 1. Warteschlangen verstehen 2....