꼭 알아야 할 HTML 최적화 기술_HTML/Xhtml_웹페이지 제작

이 두 가지 방법을 사용하면 브라우저는 HTML 코드를 구문 분석하기 전에 CSS 정보를 준비합니다. 이는 페이지 로딩 성능을 향상시키는 데 도움이 됩니다.

페이지 하단의 본문 닫는 태그 앞에 JavaScript 코드를 입력하면 브라우저가 JavaScript 코드를 구문 분석하기 전에 페이지를 로드하므로 페이지 로드 속도가 향상됩니다. .

Defer 및 async 속성을 사용하면 비동기 속성이 있는 스크립트 요소가 순서대로 실행된다는 보장이 없습니다.

JavaScript 코드에 핸들러를 추가할 수 있습니다. HTML 인라인 코드에는 절대로 추가하지 마세요. 예를 들어 다음 코드는 오류가 발생하기 쉽고 유지 관리가 어렵습니다.

index.html:

하측면의 법比较好：

index.html:

js/local.js:

웹페이지를 최적화하는 한 가지 방법은 브라우저가 불법 HTML 코드를 처리하도록 하는 것입니다. 합법적인 HTML 코드는 디버그하기 쉽고, 더 적은 메모리를 차지하고, 더 적은 리소스를 소비하며, 구문 분석하기 쉽고, 렌더링 및 실행 속도가 더 빠릅니다. 불법적인 HTML 코드로 인해 반응형 디자인을 구현하기가 매우 어렵습니다.

템플릿을 사용할 때 합법적인 HTML 코드가 매우 중요합니다. 템플릿만으로는 잘 실행되는 경우가 많지만, 다른 모듈과 통합하면 다양한 오류가 보고되므로 HTML 코드의 품질을 보장해야 합니다. 다음 조치:

• 작업 흐름에 유효성 검사 기능 추가: HTMLHint 또는 SublineLinter와 같은 유효성 검사 플러그인을 사용하면 코드 오류를 감지하는 데 도움이 됩니다. HTML5 문서 유형 사용 HTML의 계층 구조를 유지 관리하기 쉽게 하고 왼쪽으로 열린 상태에서 요소가 중첩되지 않도록 하세요.
  각 요소의 닫는 태그를 반드시 추가하세요.
  불필요한 코드를 제거하세요. 자체 닫는 요소에 닫는 태그를 추가할 필요가 없습니다. 부울 속성은 값을 할당할 필요가 없으며 존재하는 경우 True입니다.
  
  코드 형식

의미 태그