Kommentar: HTML5 entwickelt Namenskonventionen und Mikroformate.
Am 29. Mai 2004 in meinem pensionierten Blog und all dem großen Vortrag, als ich 40 Designer -Websites befragte, um ihre Konventionen für öffentliche Seitenelemente wie Titel und Banner, Navigation, Inhalte und Fußzeile zu sehen (damals Ergebnisse).
Es war kaum wissenschaftliche Forschung, aber im Juni dieses Jahres habe ich einige von Eric Meyers Meinungen verfolgt und eine Reihe von Namenskonventionen veröffentlicht. Wenn ich finde, dass eine Website diese Namenskonventionen bestanden hat, bin ich immer froh, dass ich sie jeden Tag, noch mehr als 4 Jahre später, benutze.
Meine Gedanken könnten so zusammengefasst werden
Die ID- und Klassenattributnamen müssen die Funktion oder den Inhalt des Elements widerspiegeln, nicht die Einführung. Also kam ich aus dem Kopfball und ging wieder Branding; Ich kam aus der Fußzeile und ersetzte sie durch Site-Info.
Die Benennung sollte fast eine XML -Stilstruktur annehmen. Die Benennung wird fast eine XML -Struktur annehmen. Daher werden die internen Inhalte inhaltlich, Inhaltsunterlagen und Inhaltsunterlagen geliefert.
Diese Konventionen dienen mir gut und was ich tue, verändert kaum ihren Kern. Es besteht kein Zweifel, dass sie alle meine Arbeit schneller, konsistenter und vorteilhafter machen. Sie machen es einfacher, Produkte zu bauen und Menschen zu kultivieren, mit denen ich mit meiner Denkweise zusammenarbeite. Die Namenskonvention funktioniert.
Mikroformat und verwandte Attributnamen
Seien wir ehrlich, Mikroformate wie HCard, Hcalendar, Hatom und andere Entwürfe bringen so viele Attributwerte mit, dass es oft unnötig ist, zu berücksichtigen, welche Build -Datei oder welche Haken, an die das CSS -Muster für diese mehr Attributwerte eingeschränkt ist, bereitgestellt werden. Jetzt verwende ich Mikroformaten, um dieses Niveau zu erreichen, das ich nicht einmal die Klassenattribute verwende (mit Ausnahme der Klassenattribute, die mit der Mikroformat begleitet werden), um die gesamte Seite zu entwickeln.
In seltenen Fällen muss ich ein neues Element hinzufügen (vorausgesetzt, eine Aufteilung des Layoutzwecks), an die ich zuerst denke, was bereits in der Verlängerungsmikroformat existiert. Ich werde Ihnen ein Beispiel für die Verwendung des Hatom -Modus geben:
<div class = hentry>
<H2 class = Eintragtitel> Titel </H2>
<div class = Eintragung in Konzern>
Hauptinhalt
</div>
<div class = einstimmig>
Verwandte Inhalt
</div>
</div>
Wenn Sie die Vorteile von Mikroformaten aufrechterhalten, haben Sie festgestellt, dass einstimmiges Zusammenhang nicht Teil des Hatom-Musters ist, aber in diesem Fall muss ich absolut, explizit einen zusätzlichen Faktor haben, wie mache ich einen Eigenschaftswert wie verwandte Sidelinks?
Wann erscheint es logischer, das Namensmuster von Mikroformaten zu erweitern?
HTML5
Zu Beginn dieses Kapitels sollte ich ehrlich gesagt nicht weniger Aufmerksamkeit auf HTML5 schenken. Dies ist jedoch nicht der Schlüssel zum Problem. HTML5 führt einige potenziell sehr nützliche neue Elemente vor, wie z. B.:
Abschnitt
Eine normale Datei- oder Anwendungsabschnitt. In dieser Hinsicht sind Kapitel eine Thema Klassifizierung von Inhalten.
Artikel
Teil einer Seite, die aus Artikeln besteht, die einen unabhängigen Bestandteil eines Dokuments, einer Webseite oder einer Website bilden. Dies kann ein Forum-Post, ein Magazin- oder Zeitungsartikel, ein Webprotokolleintrag, ein vom Benutzer eingereichter Kommentar oder ein anderes unabhängiges Inhaltsgegenstand sein.
beiseite
Ein Teil einer Seite, die sich aus Inhalten zusammensetzt, ist unabhängig von Inhalten, die sich auf die Elemente beziehen, und kann von dem Inhalt getrennt betrachtet werden. Diese Teile manifestieren sich oft als gedruckte und typografische Seitenleisten.
Da es für die Erfinder von Mikroformaten logisch war, ihre Schemata auf vorhandene Spezifikationen zu stützen, ist es für mich jetzt sinnvoll, meine Namenskonventionen anzupassen, um den in HTML5 zu folgen? Natürlich kann ich nicht verwenden:
<Abschnitt>
<h2> Titel </h2>
<artikels>
Hauptinhalt
</article>
<beiseite>
Verwandte Inhalt
</beiseite>
</Abschnitt>
Aber jetzt kann ich die ID- und Klassenattributwerte verwenden, um mir mit HTML5 vertraut zu helfen, und meine Dokumentation, um einen Schritt weiter zu gehen.
<div class = Abschnitt>
<h2> Titel </h2>
<div class = article>
Hauptinhalt
</div>
<div class = beiseite>
Verwandte Inhalt
</div>
</div>
Ich denke, es ist ein logischer nächster Schritt für mich. Wenn ich mir diese Demonstrationsdatei angesehen habe, habe ich die Grundlage von HTML5 -Elementen für meine Namenskonvention übernommen. Zusätzlich zu dem, was ich gerade erwähnt habe, beachten Sie, dass ich den Weg zum Klassifizieren und Navigieren (NAV) festgelegt habe, Felder mit Colgroup und Col erstellen, eine nicht ordnungsgemäße Liste in ein Raster umwandeln und DataGrid verwenden.
Die Tagging -Spezifikation von HTML5 enthält auch Details, Dialogfeld und Abbildung, die ich auch als Attributwerte verwenden kann.
Wenn ich heute einen Wunsch erfüllen könnte, wäre dieser Wunsch, dass alle CSS -Frameworkentwicklung dieselbe Namenskonvention (und auch weit verbreitete in Mikroformaten) anwenden, damit Menschen mit anfänglichen Tags und CSS einen richtigen Ausgangspunkt haben, um aussagekräftigere und logische und logische und klassifizierende Attribute zu verwenden.