โ ํ์๋ฆฌํ include ๋ฌธ๋ฒ
layout01.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div th:fragment="part1">
ํํธ1 ๋ถ๋ถ
</div>
<div th:fragment="part2">
ํํธ2 ๋ถ๋ถ
</div>
</body>
</html>
layout02.html
<footer>
<p>
์ฌ๊ธฐ๋ ํธํฐ ์์ญ ์
๋๋ค..
</p>
</footer>
๊ฒฐ๊ณผ .html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h3>์ธํด๋ฃจ๋ ํ์ธํ๊ธฐ1</h3>
<th:block th:replace="~{/include/layout01 :: part1 }">
</th:block>
<th:block th:replace="~{/include/layout01 :: part2 }">
</th:block>
<!--ํ์ผ์ ํต์งธ๋ก ์ธํด๋ฃจ๋-->
<th:block th:replace="~{/include/layout02 }">
</th:block>
</body>
</html>
layout03.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<th:block th:fragment="ํจ์( a )">
<head>
<meta charset="UTF-8">
<title>๊ณตํต ํ
ํ๋ฆฟ</title>
</head>
<body>
<header>
ํค๋์
๋๋ค.
</header>
<section>
<th:block th:replace="${a}"></th:block>
</section>
<footer>
footer์
๋๋ค
</footer>
</body>
</th:block>
</html>
๊ฒฐ๊ณผ .html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!--~{๊ฒฝ๋ก :: ํจ์( ~{ ๋ดํ์ผ:: ์ ํ์} ) }-->
<th:block th:replace="~{./include/layout03 :: ํจ์( ~{ :: .wrap } ) }">
<div id="wrap">
์ฌ๊ธฐ๋ ๋ชธ์ฒด ์
๋๋ค. ์์ด๋ ์ ํ์ #
</div>
<div class="wrap">
์ฌ๊ธฐ๋ ๋ชธ์ฒด2 ์
๋๋ค. ํด๋์ค ์ ํ์ .
</div>
</th:block>
<!--์ด ํ์ผ์์๋ง ์ ์ฉํ jsํ์ผ์ ๋ฐ๋์ block์์ญ ๋ฐ์ ์ ์ธ -->
<script>
alert(1);
</script>
</html>
