2010-04-27 10 views
15

Ich weiß, es ist sehr grundlegende Frage und hoffe, nicht so wichtig, aber ich möchte die Antwort wissen, bitte nicht nur verweisen verweisen Links.gültige Reihenfolge für Attribute der Eingabe Tag

wir alle täglich Gesicht <input> Typ-Tag und deren Attribute (type, class, id, value, name, size, maxlength, tabindex etc..), ich möchte nur

  • gibt es eine bestimmte Reihenfolge für Attribute in <input> Tag erforderlich wissen, oder können wir jede Bestellung verwenden?
  • wenn es eine bestellung dann was ist das?

Antwort

10

können Sie eine beliebige Sequenz

5

Die Reihenfolge der Attribute in HTML-Elemente verwenden, nicht überhaupt Materie. Sie können die Attribute in beliebiger Reihenfolge schreiben.

+1

aber welche Sequenz sollte bevorzugen, in der Praxis? ich hoffe zuerst 'typ'e sollte b definiert werden, dann' class' und dann 'id',' value' etc ... – diEcho

+2

Es liegt an dir - nur konsequent sein. –

+0

@Dan Vielen Dank – diEcho

3

meine Präferenz ist: ID, Name, Typ, Klasse, Attribute (wie ausgewählt, geprüft), Wert

45

bereits beantwortet, aber meine vollständige und erweiterte Antwort lautet:

  • Es gibt keine Vordefinierte Reihenfolge für die Attribute in Bezug auf die Weitergabe von W3C Validierung ... es liegt ganz bei Ihnen.

Allerdings sollten Sie Ihren eigenen Standard einführen und dabei bleiben.

Wenn mehrere Coder an der Anwendung arbeiten, sollten sie alle den gleichen Standard beibehalten.

Wenn Sie Teamleiter, Web-Entwickler, Geschäftsführer usw. sind, liegt es in Ihrer Verantwortung, eine Kultur zu fördern (und zu stärken), die diesen Standard verwendet.

Bei Code-Überprüfungen sollte die Reihenfolge der Attribute überprüft werden, und alles, was scheitert, sollte den Coder dazu bringen, das Problem zu beheben ... sie werden es nur ein oder zwei Mal kaputt machen, wenn sie wissen, dass sie neu geschrieben werden müssen ihr Code !!!

Und warum all dies Aufhebens und stören über Attribut Reihenfolge?

  • Dies wird die Code-Entwicklung und Debugging-Geschwindigkeit erhöhen.
  • Es macht Code lesbarer
  • Es die Programmierer ermutigt (oder Sie) die Aufmerksamkeit auf die kleinen Details zu zahlen
  • Es hilft, eine Umgebung von „Verantwortlichkeit für Ihren eigenen Code“ My

fördert persönliche Präferenz ist:

  1. Typ (so können Sie sofort sehen, was es ist)
  2. id
  3. Klasse (Ich mag 2 und 3 zusammen zu halten, da sie die am häufigsten js/jQuery Selektoren)
  4. Name
  5. Wert (Ich mag 4 halten und 5 nebeneinander, so können Sie schnell verweisen, was es Eingang ist und es ist Wert).sie
  6. Alle anderen (wie geprüft, max-Größe usw.)
  7. Stil
  8. tabindex (I 7 und 8 wie am Ende zu sein, wie es in Bezug auf die tatsächliche Funktionalität "nicht relevant", ist mehr Styling/Usability Sachen sind, halten ‚em aus dem Weg!
+1

Ich mag auch '

+0

Angenommen, ich wollte eine benutzerdefinierte "HTML-Lint" -Regel schreiben, die versucht, die vereinbarten Konventionen durchzusetzen, zum Beispiel, dass ID und Klasse immer nebeneinander stehen, usw. Wo würde ich anfangen? Es muss Werkzeuge geben, die ich nutzen kann, ich kann einfach nicht an sie denken. Für meine html-Dateien werden sie entweder wörtlich oder templatiert sein, und ich wäre in der Lage, eine vorhersehbare Version einmal zu erzeugen, indem ich irgendeine Art von Preprozessor (im Gegensatz zur vollständig dynamischen Generierung des Inhalts je nach dem, was der Benutzer angefordert hat) ausführen. Also, ich möchte html lint als git post-receive hook ausführen. Irgendwelche Vorschläge/Werkzeuge? – Leonid

Verwandte Themen