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:
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
Er treibt das neue iPad Pro mit OLED-Display an. Apple verspricht eine deutliche Leistungssteigerung gegenüber…
Davon entfällt ein Viertel auf staatliche Einrichtungen und 12 Prozent auf Industrieunternehmen.
Forscher umgehen die Verschlüsselung und erhalten Zugriff auf VPN-Datenverkehr im Klartext. Für ihren Angriff benötigen…
Weitere 40 Prozent der Deutschen erledigen ihre Geldgeschäfte überwiegend online und gehen nur noch selten…
Zwei Schwachstellen in Chrome gehören nun der Vergangenheit an. Von ihnen geht ein hohes Risiko…
Mit der zunehmenden computerbasierten und globalen Vernetzung gewinnt die digitale Souveränität an rasanter Bedeutung. Viele…