고성능 HTML 응용 프로그램 작성에 대한 몇 가지 제안

이 기사는 주로 관련 CSS 및 JavaScript 프로그래밍 방법을 포함하여 고성능 HTML 애플리케이션 작성에 대한 몇 가지 제안을 소개합니다. 필요한 친구들 이 웹 성능을 향상시킬 수있는 방법을 참조 할 수 있습니까?

대부분의 개발자는 JavaScript 및 이미지를 통해 최적화, Zip 파일 및 서버 구성, 지퍼 파일 및 조정 CSS (작은 이미지 병합)를 통해 파일을 병합합니다.

가난한 HTML은 항상 웹의 핵심 언어 였지만 항상 무시됩니다.

HTML이 점점 커지고 있습니다. 상위 100 개 웹 사이트는 대부분 HTML 페이지 당 약 40k입니다. 아마존과 야후는 수천 개의 HTML 페이지를 사용합니다. YouTube.com 메인 페이지에는 최대 3500 개의 HTML 요소가 있습니다.

HTML 복잡성 감소와 페이지의 요소 수는 파싱 시간을 크게 향상시키지 않지만 HTML은 빠른 웹 페이지를 구축하고 다른 장치에 적응하고 성공에 영향을 미치는 핵심 요소입니다.

이 기사에서는 깨끗하고 깨끗한 HTML을 작성하는 방법을 배우면서 디버깅하고 유지 관리하기 쉬운 여러 장치를 신속하게로드하고 지원하는 웹 사이트를 만들 수 있습니다.

코드를 작성하는 방법, 특히 HTML은 하나뿐만 아니라. 이것은 일반적인 경험에 대한 설명 일 뿐이지 만 유일한 올바른 선택은 아닙니다.

HTML은 구조와 내용을 나타내는 데 사용되는 마크 업 언어입니다.

HTML은 스타일과 스타일을 표시하는 데 사용해서는 안됩니다. 제목 태그 (h1 ~ h6)에 텍스트를 쓰지 않으면 더 크게 나타나거나 차단에 블록 큐어 요소를 사용하십시오. 대신 CSS를 사용하여 요소의 모양과 레이아웃을 변경하십시오.

HTML 요소의 기본 모양은 브라우저의 기본 스타일 인 Firefox, Internet Explorer 및 Opera를 통해 구현됩니다. 예를 들어, 크롬에서는 기본 H1 요소가 32px 크기로 렌더링됩니다.

세 가지 기본 원칙 :

HTML을 사용하여 구조를 나타내는 CSS는 다양한 스타일과 테마를 표현하는 데 사용됩니다. 사용자 동작에 응답하기위한 JavaScript.

HTML을 사용하고 필요한 경우 CSS를 사용하고 허용되지 않으면 JavaScript를 추가하십시오. 예를 들어 : 대부분의 경우, 확인을 위해 HTML 양식을 사용하고 CSS 또는 SVG를 사용하여 애니메이션을 구현할 수 있습니다.

HTML 코드에서 CSS 및 JavaScript를 별도로 별도로 작성하십시오. 코드를 캐시하게하여 코드를 더 쉽게 디버깅 할 수 있습니다. 생산에서 CSS 및 JavaScript는 압축 가능하고 병합되며 빌드 시스템의 일부 여야합니다. 참고* JavaScription Construction (편집) 시스템 경쟁 참조

문서 문서 구조

HTML5의 문서 유형 사용 :