Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der HTML-Spezifikation von Avalon

Detaillierte Erläuterung der HTML-Spezifikation von Avalon

高洛峰
高洛峰Original
2017-03-12 17:24:301437Durchsuche

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änge

Typtitel

fü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üchen

Wenn 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 folgen

Spezifikationen für das Attributformat

Der 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 ignoriert

Schließregeln

Selbstschließ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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn