다른 HTML 가져 오기 파일을 통해 HTML 파일을 가져올 수 있습니까?

Question

나는 4 개의 파일을 가지고있어 a.html, b.html, c.html, d.html을 말할 수있다. b.html에는 c.html이 필요하고 d.html은 가져와야합니다. a.html에는 b.html이 필요합니다. 그때 b.html에서, <link rel='import' href='/path/to/b.html'> a.html에서 사용 가져올 수하면 다음과 같습니다

<link rel='import' href='/path/to/c.html> 
<link rel='import' href='/path/to/d.html> 

Answer 1

를 HTML 템플릿을 포함하는 것은 우리가 스타일 시트를 포함하는 방식과 유사합니다, 우리는 태그를 사용합니다. rel = stylesheet 대신 rel = import를 사용하여 링크 태그를 추가합니다. 예를 들어 여기 template.html이라는 이름의 템플릿을 포함 할 것입니다 (몇 줄의 더미 컨텐트를 추가했습니다).

이제 네트워크 탭에서 Chrome DevTools를 통해 웹 페이지를 볼 경우 브라우저 (Chrome)가 template.html을로드하는 것을 볼 수 있습니다. 가져온 파일의 내용은 주 HTML 파일에 즉시 추가되지 않습니다. 기본 HTML 파일을 볼 때 현재 아무 것도 볼 수 없습니다.