이 기사는 주로 jQuery로드, 수입 후 실행 순서 등을 포함하여 HTML에서 파일 가져 오기에 대한 간단한 소개를 소개합니다.
템플릿, 섀도우 돔 및 사용자 정의 요소를 사용하면 이전보다 UI 구성 요소를보다 쉽게 만들 수 있습니다. 그러나 HTML, CSS 및 JavaScript와 같은 리소스는 여전히 하나씩로드해야하며 이는 매우 비효율적입니다.
중복 종속성을 삭제하는 것은 쉽지 않습니다. 예를 들어, 이제 jQuery UI 또는 Bootstrap을로드하려면 JavaScript, CSS 및 웹 글꼴에 별도의 태그를 추가해야합니다. 웹 구성 요소가 여러 종속성을 적용하면 상황이 더 복잡해집니다.
HTML 가져 오기를 사용하면 이러한 리소스를 병합 된 HTML 파일로로드 할 수 있습니다.
HTML을 사용하여 가져 오기
HTML 파일을로드하려면 Rel 속성이 가져 오는 링크 태그를 추가하고 HERF 속성이 HTML 파일의 경로입니다. 예를 들어, component.html을 index.html에로드하려면 :
index.html
XML/HTML 코드 복사 컨텐츠를 클립 보드에 복사합니다