Standardisierung von Klassen- und ID-Namen unter CSS

Web-Autoren können CSS-Klassen und ID-Namen anlegen und verwenden, um divs und andere Seitenelemente für die Formatierung festzulegen. Die CSS-Selektoren, die XHTML-Tags neu definieren, müssen exakt den zuvor definierten Tags entsprechen, doch die Namen der Selektoren für Klasse und ID bleiben dem Ermessen, dem Einfallsreichtum und der Laune des Web-Architekten überlassen. Allerdings ist davon abzuraten, die Benennung von Klassen- und ID-Namen völlig willkürlich vorzunehmen.

Darstellungsbezogene Bezeichnung

Wenn man an einer Web-Seite arbeitet und eine Bezeichnung für ein div braucht, ist man zunächst natürlich versucht, einen Namen zu wählen, der die Position des Elements auf der Seite beschreibt. Dieser Ansatz führt zu Klassen- und ID-Namen wie den folgenden:

  • Obere_Leiste (top-panel)
  • Horizontale_Nav (horizontal-nav)
  • Linke_Seite (left-side)
  • Mittlere_Spalte (center-column)
  • Rechte_Spalte (right-col)

All dies sind gültige Namen für CSS- und XHTML-Klassen und -IDs. Sie sind einfach und anschaulich und erfüllen ihren Zweck, das Seitenelement und den entsprechenden CSS-Stil zu identifizieren.

Das Problem besteht darin, dass sich derartige Namen auf eine bestimmte Form der Präsentation der Inhalte beziehen. Sie bezeichnen die Position der Seitenelemente innerhalb eines bestimmten Seitenlayouts und können daher außerhalb dieses Layouts ungeeignet und verwirrend sein. Zudem sagen diese Namen nichts über die Struktur des Inhalts im Dokument aus. Man kann seine CSS-Klassen und -IDs auch besser benennen.

Page: 1 2

ZDNet.de Redaktion

Recent Posts

Taugen Kryptowährungen als Unterstützer der Energiewende?

Bankhaus Metzler und Telekom-Tochter MMS testen, inwieweit Bitcoin-Miner das deutsche Stromnetz stabilisieren könnten.

5 Stunden ago

Supercomputer-Ranking: El Capitan überholt Frontier und Aurora

Mit 1,7 Exaflops ist El Capitan nun der dritte Exascale-Supercomputer weltweit. Deutschland stellt erneut den…

9 Stunden ago

Ionos führt neue AMD-Prozessoren ein

Der deutsche Hyperscaler erweitert sein Server-Portfolio um vier Angebote mit den neuen AMD EPYC 4004…

10 Stunden ago

Lags beim Online-Gaming? DSL-Vergleich und andere Tipps schaffen Abhilfe

Beim Online-Gaming kommt es nicht nur auf das eigene Können an. Auch die technischen Voraussetzungen…

11 Stunden ago

GenKI-Fortbildung immer noch Mangelware

Fast jedes zweite Unternehmen bietet keinerlei Schulungen an. In den übrigen Betrieben profitieren oft nur…

11 Stunden ago

Netzwerk-Portfolio für das KI-Zeitalter

Huawei stellt auf der Connect Europe 2024 in Paris mit Xinghe Intelligent Network eine erweiterte…

13 Stunden ago