ホームページ  >  記事  >  ウェブフロントエンド  >  avalonのHTML仕様の詳細説明

avalonのHTML仕様の詳細説明

高洛峰
高洛峰オリジナル
2017-03-12 17:24:301446ブラウズ

avalonは属性をバインドすることでDOMの選択と操作を実現しているため、ページの美しさとデバッグが重要になります。 boostrapのHTML仕様を参照すると、以下の

属性配置仕様は次のように定式化されます

class(class、id、nameはブラウザのネイティブセレクタに関係するので最初に配置する必要があります)

id、name(この定義の順序は要素の属性の特徴ノードの順序に直接影響します。ID は排他的です。注意して使用してください)

data-* これには内部データsetobjectの生成が含まれ、data-を表しますコンポーネントの button-* 属性 cache

ms-* のみを表す data-* 属性の前にランク付けされる必要があります 属性値のないものは、属性値を持つものよりも前にランク付けされ、長さによって並べられます

タイトルを入力長さに従ってsrcスタイルとその他のネイティブ属性を入力

ユーザー定義の属性、長さで並べ替え

<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>
注、新しいブラウザではIDの使用はできる限り少なくする必要があります。 IE5 から ID をグローバル

変数に直接マッピングする方法を学び、おそらくそれがあらゆる種類の奇妙な問題を引き起こすでしょう。シングルページ アプリケーションの 設計原則 はコンポーネント化です。この場合、ページという概念は存在せず、コンポーネントの概念のみが存在します。コンポーネント システムで最初に避けるべきものはグローバル変数であり、残念ながら ID はその典型的な例です。

スペースと改行の処理

タグ名に属性がある場合、最初の属性はそれに伴い、2 番目の属性は改行され、位置は最初の属性に従う必要があります。同じルール

属性形式の仕様

属性 名前は小文字にする必要があり、属性値は二重引用符で囲む必要があります。フォーム要素のブール属性 (checked、selected、disabled など) の場合、属性値は直接無視されます。

終了ルール

自己終了タグは「/>」で終わる必要があり、他の形式は「ffffffffffffffff」である必要があります

以上がavalonのHTML仕様の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。