，我們來看一個簡單的例子。假設我們有一個網頁模板，需要在其中插入一個導航欄。我們可以將導航欄部分的內容提取出來，放在一個獨立的片段文件中（如nav.html），然后使用<div th:replace="nav.html"/>將其替換到模板的指定位置。這樣，在每個頁面中只需要簡單地調用這個模板，就能自動插入導航欄，實現代碼的復用。
模板文件 template.html：
<!DOCTYPE html>
<html>
<head>
<title>My Template</title>
</head>
<body>
<br>
<!-- 將導航欄替換到指定位置 -->
<div th:replace="nav.html"/>
<br>
<h1>Hello, World!</h1>
<br>
</body>
</html>
<br>
片段文件 nav.html：
<nav>
<ul>
<li>Home</li>
<li>About</li>
<li>Services</li>
<li>Contact</li>
</ul>
</nav>在以上代碼中，我們定義了一個網頁模板template.html，其中使用<div th:replace="nav.html"/>將導航欄(nav.html)的內容替換到模板的指定位置。這樣，當我們在頁面中引用這個模板時，導航欄的內容會自動插入到模板中，大大簡化了頁面的構建過程。
除了可以將整個片段替換到模板中，<div th:replace>還可以帶參數進行替換。下面我們以一個動態生成商品列表的例子來進行演示。
模板文件 template.html：
<!DOCTYPE html>
<html>
<head>
<title>Product List</title>
</head>
<body>
<br>
<!-- 將商品列表替換到指定位置，并傳遞參數 -->
<div th:replace="productList :: product-list(products=${productList})"/>
<br>
</body>
</html>
<br>
片段文件 productList.html：
<!-- 定義商品列表片段，并接收參數 -->
<div th:fragment="product-list(products)">
<h2>Product List</h2>
<ul>
<li th:each="product : ${products}">
<span th:text="${product.name}">Product Name</span>
<span th:text="${product.price}">0</span>
</li>
</ul>
</div>在以上代碼中，我們定義了一個片段文件productList.html，其中使用th:fragment定義了一個商品列表片段，并通過(products)參數接收商品參數。在模板文件template.html中，我們使用<div th:replace="productList :: product-list(products=${productList})"/>來替換商品列表片段，并將參數${productList}傳遞給片段。這樣，在每個頁面中引用這個模板時，只需要傳遞不同的商品列表參數，就能動態生成不同的商品列表，實現了模板的復用和動態性。
<div th:replace>是Thymeleaf模板引擎中非常實用的功能之一，它可以將某個片段的內容替換到模板的指定位置，提高了模板的靈活性和可重用性。通過以上的幾個代碼案例，我們詳細介紹了<div th:replace>的使用方法和應用場景。希望這些內容能夠幫助你更好地理解和使用<div th:replace>。