Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der HTML-Spezifikation von Avalon
Da Avalon bindende Attribute verwendet, um die Auswahl und den Betrieb von DOM zu realisieren, sind die Schönheit und das Debuggen der Seite von entscheidender Bedeutung. Unter Bezugnahme auf die HTML-Spezifikationen von Boostrap werden die folgenden
Attributanordnungsspezifikationen wie folgt formuliert:
Klasse (Klasse, ID, Name beziehen sich auf den nativen Selektor des Browsers, sodass sie müssen zuerst platziert werden)
ID, Name (die Reihenfolge dieser Definition wirkt sich direkt auf die Reihenfolge der Attributknoten in den Attributen des Elements aus, ID ist exklusiv, mit Vorsicht verwenden)
Daten- * Dies beinhaltet die interne Generierung von dataset object, und die data-button-*-Attribute, die die Komponente darstellen, sollten vor den data-*-Attributen, die nur cache
ms-* Diejenigen ohne Attributwerte werden vor denen mit Attributwerten eingestuft, sortiert nach LängeTyptitelfür hre f src-Stil und andere native Attribute, nach Länge geordnet
Benutzerdefinierte Attribute, nach Länge geordnet<p class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front" data-drag-handle="handle" data-drag-before-start="beforeStart" ms-draggable ms-visible="toggle" ms-css-width="width" ms-css-height="height" tabindex="-1" style="position: absolute;" > <p class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" > <span class="ui-dialog-title" >{{title|html}}</span> <button class="ui-dialog-titlebar-close" data-button-text="false" data-button-icon-primary="ui-icon-closethick" ms-widget="button" ms-click="close" type="button" >close</button> </p> </p>Hinweis: Wir sollten ID so wenig wie möglich verwenden, da sie in neueren Browsern verwendet werden Alle lernen von IE5, IDs direkt einer globalen
Variable zuzuordnen, was zu verschiedenen seltsamen Problemen führen kann. Das Designprinzip von Single-Page-Anwendungen ist die Komponentisierung. Dabei sollte es kein Konzept von Seiten geben, sondern nur das Konzept von Komponenten. Das erste, was in einem Komponentensystem vermieden werden sollte, sind globale Variablen, und id ist leider ein typisches Beispiel dafür.
Umgang mit Leerzeichen und ZeilenumbrüchenWenn der Tag-Name Attribute hat, muss das erste Attribut dazugehören, das zweite Attribut muss ein Zeilenumbruch sein und die Position sollte am ersten Attribut ausgerichtet sein. und andere Attribute sollten denselben Regeln folgenSpezifikationen für das AttributformatDer Attributname muss in Kleinbuchstaben geschrieben sein und der Attributwert muss in doppelte Anführungszeichen gesetzt werden (z (wie aktiviert, ausgewählt, deaktiviert) wird der Attributwert direkt ignoriertSchließregelnSelbstschließende Paket-Tags müssen mit „/>“ enden und andere Formate sollten „<“ sein. xxx>ffffffffffffffff"
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der HTML-Spezifikation von Avalon. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!