Avalon의 HTML 사양에 대한 자세한 설명

avalon은 바인딩 속성 을 사용하여 DOM의 선택과 작동을 실현하므로 페이지의 아름다움과 디버깅이 중요해집니다. Boostrap의 HTML 스펙을 참고하면 다음

속성 배열 사양은

class와 같이 공식화됩니다. (class, id, name은 브라우저의 기본 선택자와 관련되므로 먼저 배치해야 함)

id, name(이 정의의 순서는 요소 속성의 속성 노드 순서에 직접적인 영향을 미치며, id는 배타적이므로 주의해서 사용하세요)

data- * 내부적으로 dataset객체를 생성하는데, 컴포넌트를 나타내는 data-button-* 속성은 cache

ms-* 속성 값이 없는 항목은 속성 값이 있는 항목보다 앞에 순위가 지정되며 길이에 따라 정렬됩니다.

제목 유형

for hre f 길이에 따라 정렬된 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>

참고로 최신 브라우저는 모두 IE5에서 배우기 때문에 ID를 가능한 한 적게 사용해야 합니다. ID를 전역

변수 에 직접 매핑하면 여러 가지 이상한 문제가 발생할 수 있습니다. 단일 페이지 애플리케이션의 디자인 원칙은 컴포넌트화입니다. 여기에는 페이지 개념이 없고 컴포넌트 개념만 있어야 합니다. 컴포넌트 시스템에서 가장 먼저 피해야 할 것은 전역 변수인데, 안타깝게도 id가 이에 대한 전형적인 예입니다.

공백 및 줄 바꿈 처리

태그 이름에 속성이 있는 경우 첫 번째 속성은 이를 따라야 하고 두 번째 속성은 줄 바꿈이어야 하며 위치는 첫 번째 속성과 정렬되어야 합니다. 다른 속성도 동일한 규칙을 따라야 합니다

속성 형식 지정

속성 이름은 소문자여야 하며, 속성 값은 큰따옴표로 묶어야 합니다(예: 양식 요소의 부울 속성). 선택, 선택, 비활성화) 속성 값은 직접 무시됩니다

폐쇄 규칙

자동 폐쇄 패키지 태그는 "/>"로 끝나야 하며 다른 형식은 "< xxx>ffffffffffffffff"

위 내용은 Avalon의 HTML 사양에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!