Wie lautet die Standard-Namenskonvention für html/css ids und Klassen?

Question

Hängt es von der Plattform ab, die Sie verwenden, oder gibt es eine gemeinsame Konvention, die die meisten Entwickler vorschlagen/befolgen?

Es gibt mehrere Möglichkeiten:

1. id="someIdentifier"' - sieht ziemlich konsistent mit Javascript-Code aus.
2. id="some-identifier" - sieht eher aus wie html5-ähnliche Attribute und andere Dinge in html.
3. id="some_identifier" - sieht ziemlich konsistent mit Ruby-Code aus und ist immer noch ein gültiger Bezeichner innerhalb von Javascript

Ich dachte, dass die oben genannten Nummern 1 und 3 am sinnvollsten sind, weil sie besser mit Javascript zusammenarbeiten.

Gibt es eine richtige Antwort auf diese Frage?

Answer 1

Ich habe erst vor kurzem begonnen, XML zu lernen. Der Unterstrich hilft mir, alles, was mit XML zu tun hat (DOM, XSD usw.), von Programmiersprachen wie Java und JavaScript zu trennen (Camel Case). Und ich stimme Ihnen zu, dass die Verwendung von Bezeichnern, die in Programmiersprachen erlaubt sind, besser aussieht.

Edit: Es hat vielleicht nichts damit zu tun, aber hier ist ein Link zu Regeln und Empfehlungen für die Benennung von XML-Elementen, die ich bei der Benennung von ids befolge (Abschnitte "XML Naming Rules" und "Best Naming Practices").

http://www.w3schools.com/xml/xml_elements.asp

Answer 2

Ich denke, das ist plattformabhängig. Wenn ich in .Net MVC entwickle, verwende ich Kleinschreibung im Bootstrap-Stil und Bindestriche für Klassennamen, aber für IDs verwende ich PascalCase.

Der Grund dafür ist, dass meine Ansichten durch stark typisierte Ansichtsmodelle gestützt werden. Eigenschaften von C#-Modellen sind pascal case. Im Interesse der Modellbindung mit MVC ist es sinnvoll, dass die Namen der HTML-Elemente, die an das Modell binden, mit den Eigenschaften des View-Modells übereinstimmen, die in Pascal Case geschrieben sind. Der Einfachheit halber verwenden meine ids die gleiche Namenskonvention wie die Elementnamen, mit Ausnahme von Optionsfeldern und Kontrollkästchen, die eindeutige ids für jedes Element in der benannten Eingabegruppe erfordern.