HTML 지연 속성을 사용하는 방법

HTML에서 속성은 일반적으로 앵커 요소 예제와 같이 속성 이름과 속성 값으로 구성됩니다.

그러나 때때로 가치 (동작)은 속성 이름에 내장되어 있습니다.

예를 들어, defer HTML <script>를 수정하는 데 사용하는 속성 요소:

<script defer src="app.js"></script>

defer 속성에 할당 연산자가 없습니다(=). ) 또는 동작이 내장되어 있기 때문에 값입니다.

defer 이른바 부울입니다. 기인하다. 부울은 true의 두 가지 값만 가질 수 있는 데이터 유형에 사용됩니다. 또는 거짓 (또는 활성화/비활성화 ).

defer를 자세히 살펴보겠습니다. 속성.

이 <script> 요소, 없음 defer 속성은 src를 실행합니다. app.js의 JavaScript 코드 브라우저가 로드하는 즉시 값:

<script src="app.js"></script>

기본적으로 HTML 문서는 한 번에 한 줄씩 위에서 아래로 구문 분석(읽기)됩니다. 즉, 문서 맨 위에 JavaScript를 넣으면 이전에 실행됩니다. 문서의 나머지 부분은 구문 분석이 완료되었습니다.

이것이 기본값입니다. 스크립트 요소의 동작.

그러나 defer를 추가하면 <script>로 기본 동작을 비활성화하는 요소:

<script defer src="app.js"></script>

이제 전체 페이지 로드가 완료될 때까지 JavaScript 코드가 실행되지 않습니다.

문자 그대로 지연 연기/연기/대기를 의미합니다.

죽은 말을 이기기 위해:

• defer 없이 , JavaScript는 로드되는 즉시 실행됩니다.
• 함께 defer JavaScript는 전체 HTML 페이지가 로드될 때까지 실행을 기다립니다.

속성이 헷갈리더라도 걱정하지 마세요. 실제로 사용하기 시작하면 항상 10배 더 이해가 됩니다.