Skip to main content

Wie soll ich meine CSS-Stylesheet-Datei benennen?

Das Aussehen und der Stil einer Website werden von CSS (Cascading Style Sheets) bestimmt. Dies ist eine Datei, die Sie dem Verzeichnis Ihrer Website hinzufügen. Diese enthält die verschiedenen CSS-Regeln, die das visuelle Design und das Layout Ihrer Seiten bestimmen.

Auf Websites können zwar mehrere Stylesheets verwendet werden, dies ist jedoch häufig nicht erforderlich. Sie können alle Ihre CSS-Regeln in einer Datei speichern. Dies hat jedoch auch Vorteile, darunter eine schnellere Ladezeit und eine bessere Leistung von Seiten, da nicht mehrere Dateien abgerufen werden müssen. Unternehmenssites sind zwar sehr groß, benötigen jedoch manchmal separate Stylesheets. Viele kleine bis mittelgroße Websites können jedoch mit nur einer Datei und allen Regeln, die Ihre Seiten benötigen, einwandfrei funktionieren. Dies wirft die Frage auf "Wie soll ich diese CSS-Datei nennen"?

Benennung von Konventionsgrundlagen

Wenn Sie ein externes Stylesheet für Ihre Webseiten erstellen, sollten Sie die Datei nach ähnlichen Namenskonventionen für Ihre HTML-Dateien benennen.

Verwenden Sie keine Sonderzeichen

Sie sollten nur die Buchstaben a-z, die Zahlen 0-9, den Unterstrich (_) und die Bindestriche (-) in Ihren CSS-Dateinamen verwenden. Während Ihr Dateisystem Ihnen möglicherweise erlaubt, Dateien mit anderen Zeichen darin zu erstellen, kann es auf Ihrem Server-Betriebssystem zu Problemen mit Sonderzeichen kommen. Sie sind sicherer, wenn Sie nur die hier genannten Zeichen verwenden. Selbst wenn Ihr Server Sonderzeichen zulässt, ist dies möglicherweise nicht der Fall, wenn Sie sich in Zukunft für Hostanbieter entscheiden.

Verwenden Sie keine Leerzeichen

Wie bei Sonderzeichen können Leerzeichen auf Ihrem Webserver Probleme verursachen. Es ist eine gute Idee, sie in Ihren Dateinamen zu vermeiden. Sie sollten sogar einen Namen für Dateien wie PDFs mit denselben Konventionen benennen, nur für den Fall, dass Sie sie einer Website hinzufügen müssen. Wenn Sie der Meinung sind, dass Sie ein Leerzeichen benötigen, um den Dateinamen lesbarer zu gestalten, entscheiden Sie sich stattdessen für Bindestriche oder Unterstriche. Anstelle von "this is the file.pdf" verwenden Sie beispielsweise "this-is-the-file.pdf".

Der Dateiname sollte mit einem Buchstaben beginnen

Dies ist zwar keine absolute Anforderung, aber einige Systeme haben Probleme mit Dateinamen, die nicht mit einem Buchstaben beginnen. Wenn Sie Ihre Datei beispielsweise mit einem Zahlenzeichen beginnen, kann dies zu Problemen in der Zeile führen.

Verwenden Sie alle Kleinbuchstaben

Dies ist zwar nicht für einen Dateinamen erforderlich, aber es ist eine gute Idee, da bei einigen Webservern die Groß- und Kleinschreibung beachtet wird. Wenn Sie die Datei in einem anderen Fall vergessen und darauf verweisen, wird sie nicht geladen. Die Verwendung von Kleinbuchstaben für jeden Dateinamen ist immer eine clevere Methode. Viele neue Webdesigner haben Mühe, sich daran zu erinnern, dies zu tun - ihre Standardaktion beim Benennen einer Datei besteht darin, das erste Zeichen des Namens groß zu schreiben. Vermeiden Sie dies und gewöhnen Sie sich nur an Kleinbuchstaben.

Halten Sie den Dateinamen so kurz wie möglich

In den meisten Betriebssystemen gibt es zwar eine Begrenzung der Dateinamengröße, diese ist jedoch viel länger als für einen CSS-Dateinamen angemessen. Eine gute Faustregel besteht aus maximal 20 Zeichen für den Dateinamen ohne die Erweiterung. Realistisch gesehen ist alles, was viel länger als das ist, schwer zu arbeiten und trotzdem zu verknüpfen.

Der wichtigste Teil Ihres CSS-Dateinamens

Der wichtigste Teil des CSS-Dateinamens ist nicht der Dateiname selbst, sondern die Erweiterung. Auf Macintosh- und Linux-Systemen sind keine Erweiterungen erforderlich. Es ist jedoch empfehlenswert, beim Erstellen einer CSS-Datei trotzdem eine hinzuzufügen. Auf diese Weise wissen Sie immer, dass es sich um ein Stylesheet handelt, und Sie müssen die Datei nicht öffnen, um festzustellen, was in der Zukunft liegt.

Es ist wahrscheinlich keine große Überraschung, aber die Erweiterung Ihrer CSS-Datei sollte lauten:

.css

Namenskonventionen für CSS-Dateien

Wenn Sie nur eine CSS-Datei auf der Site haben, können Sie sie nach Belieben benennen. Eine der folgenden Möglichkeiten ist vorzuziehen:

styles.css oder default.css

Wenn Ihre Website mehrere CSS-Dateien verwendet, benennen Sie die Stylesheets nach ihrer Funktion, damit Sie genau wissen, wozu die einzelnen Dateien dienen. Da einer Webseite mehrere Stylesheets zugeordnet werden können, ist es hilfreich, Ihre Styles in verschiedene Sheets zu unterteilen, abhängig von der Funktion dieses Sheets und den darin enthaltenen Styles. Zum Beispiel:

  • Layout vs. Design

    layout.css design.css

  • Seitenabschnitte

    main.css nav.css

  • Ganze Seite mit Unterabschnitten

    mainstyles.css subpage.css

Wenn für Ihre Website ein Framework verwendet wird, werden Sie wahrscheinlich feststellen, dass mehrere CSS-Dateien verwendet werden, die jeweils unterschiedlichen Bereichen der Seiten oder Aspekten der Website (Typografie, Farbe, Layout usw.) gewidmet sind.

Herausgegeben von Jeremy Girard