Klassennamen wie ‚richtigen‘ verwendet schlechte Praxis in Betracht gezogen?

Question

Wenn ich Klassennamen wie „links“, „rechts“, „clear“ und xhtml wie

<a href="index.php" class="right continueLink">Continue</a>

Mit CSS wie

.right {
float: right;
}

Ich weiß, es ist kein semantischer Name, aber es macht die Dinge viel einfacher, manchmal.

Wie auch immer, was sind Ihre Gedanken?

Answer 1

Ich glaube nicht, das ist eine sehr gute Idee. Nun, wenn Sie (oder ein zukünftiger Maintainer) gehen, um Ihr Website-Layout zu ändern, werden Sie entweder .right ändern (offensichtlich eine schlechte Idee) {float:left;} oder gehen durch all Ihre HTML-Dateien und ändern right left.

Warum wollen Sie, dass bestimmte Verbindung rechts schwebte werden, und der andere .continueLink ist nicht zu? Verwenden Sie die Antwort auf diese Frage eine beschreibende Klassennamen für diesen Link zu wählen.

Answer 2

CSS ist über Präsentation der Struktur Ihre HTML-Seite.

Bedeutung seine Klassen, die die Struktur des Dokuments darstellen sollten ( 'Artikel', 'Extra-Links', 'Glossar', 'Einführung', 'Abschluss', ...).

Sie sollten jede Klasse vermeiden verbunden mit einer physischen Darstellung ( 'links', 'rechts', 'Fußnoten', 'Randnoten', ...), weil, wie die Zen Garden so zeigt deutlich, können Sie auf sehr unterschiedliche und verschiedene Möglichkeiten, jede div zu platzieren entscheiden.

Answer 3

Die Puristen werden sagen, tun es nicht, und die Pragmatiker werden sagen, es ist in Ordnung. Aber würde die Puristen definieren .right als float: left?

Answer 4

Es könnte sinnvoll sein, Namen zu vermeiden, die die gleichen wie Werte in den CSS-Spezifikationen sind Verwechslungen zu vermeiden. Vor allem in Situationen, in denen mehrere Entwickler an derselben Anwendung arbeiten.

Anders als das ich kein Problem sehen. Ich würde die rechte oder linke Namen wie diese qualifizieren. MenuLeft, MenuRight etc

Answer 5

Als Purist, sage ich nein, es nicht tun. Aus Gründen bereits erwähnt.

Als ein Pragmatiker, ich wollte nur sagen, dass nie habe ich Webseite Nacharbeiten gesehen, die reine HTML-Änderungen ohne CSS beteiligt, oder reine CSS ohne HTML, einfach weil beide Teile mit dem anderen im Auge entwickelt. Also, in der Realität, wenn jemand anderes jemals müßte, um die Seite zu ändern, wette ich mein Gehalt sie sowohl HTML und CSS ändern werden.

Das oben ist etwas, das Puristen um oft Collègue neigen zu ignorieren, auch wenn es Realität ist. Aber unterm Strich; mit einem Klassennamen wie „rechts“ nein, vermeiden. : -)

Answer 6

.right und andere Klassen so, machen es sicher schnell einen Tag mit einem float:right Regel mit ihm verbunden schreiben zu schaffen, aber ich denke, dass dieses Verfahren mehr Nachteile als Vorteile hat:

Oft ist eine Klasse-Stil mit einem einzigen float:right; in es wird etwas fehlt, wil Ihr Beispiel nur schweben richtig, wenn die andere Klasse der Regel eine display:block darin enthält, da ein „a“ Tag kein Block-Level-Element ist. Auch schwimmende häufige Elemente als nicht zu haben braucht Breite einer Höhe angebracht. Dies bedeutet, dass der Code in Ihrem Beispiel zusätzlichen Code tun muss, was er sagt, und Sie haben in zwei Orten zu suchen, wenn Sie Ihre CSS haben zu ändern.

Ich neige dazu, meine html, um Stil, indem Sie die Seite in verschiedene div-Tags mit einzigartigen IDs Dividieren und dann Elementen in dieser div durch Vererbung wie das Styling.

div#sidebar { float:right; width:200px; }
div#sidebar ul { list-style-type:none; }

Dies macht es möglich, meine CSS-Dateien zu unterteilen, so dass es einfach ist, den CSS-Code, die Stile einen bestimmte Tag zu finden, aber wenn Sie .right und andere Klassen einführen Sie beginnen, die Regeln in verschiedene Bereiche zu zerstreuen die CSS-Datei, so dass die Website mehr schwer aufrecht zu erhalten.

Ich denke, die Idee eine sehr generischen Klassen von mit dem Wunsch, das gesamte Layout der Website zu ändern es möglich ist geboren zu machen, indem ein paar Regeln in einem Stylesheet zu ändern, aber ich muß sagen, dass in meinen 8 Jahren Website-Entwicklung mit 30+, verschiedenen Standorte unter dem Gürtel habe ich nicht geändert, sobald das Layout einer Webseite und erneut verwendet werden, die HTML.

Was ich unzählige Male getan habe, ist kleine Anpassungen an Regionen der Seiten machen, entweder durch kleine Änderungen in der Konstruktion oder die Einführung neuen Browser. So bin ich alle meine css für die Aufbewahrung unterteilt in ordentliche Brocken, die macht es einfach, die Regeln zu finden, die ich suche, und nicht den Code in verschiedenen Orten setzen eine kürzere Sheet zu erreichen.

Viele Grüße Jesper Hauge

Answer 7

Ja, semantisch gesprochen, es ist falsch, aber zum Beispiel gibt es Zeiten, in denen ich die Positionierung Bilder innerhalb eines Blockes von Körper zu kopieren und ich werde ihnen die Klasse „richtige“ geben.

Vielleicht "alt" ist ein geeigneter Klassenname.