[Thymeleaf] fragment, replace 를 활용한 html include 방법

fragment, replace 를 활용한 html include 방법

 

템플릿, 레이아웃 등 조각으로 나누어진 html 파일을 타임리프에서 쉽게 불러올 수 있다.

body.html에서 head.html의 내용을 불러오기 위해서는 head.html 에 타임리프 fragment를 사용하여 불러올 내용에 대해 먼저 선언해야하는데 여기에서는 head를 선언했다.

#head.html
<div th:fragment="head"> </div>

 

head.html에서 선언한 head를 body.html에서 호출하기 위해서는 타임리프 replace를 사용하고 head.html 경로와 선언한 head를 입력하여 호출한다.

#body html
<div th:repalce="head.html :: head"> </div>