<div>分頁標簽是一種用于實現網頁分頁效果的HTML標簽。在網頁中常常出現需要將大量內容分成多個頁面進行顯示的情況，這時候可以使用<div>分頁標簽來實現分頁效果。通過使用<div>分頁標簽，可以將頁面內容分成多個部分，每個部分對應一頁顯示，用戶可以通過點擊相應的分頁標簽來切換不同的頁面內容。接下來，我們將通過幾個代碼案例來詳細說明<div>分頁標簽的使用。

案例一：

<div id="page1">
<h1>第一頁</h1>
<p>這是第一頁內容。</p>
</div>
<br>
<div id="page2" style="display: none;">
<h1>第二頁</h1>
<p>這是第二頁內容。</p>
</div>
<br>
<button onclick="showPage(1)">第一頁</button>
<button onclick="showPage(2)">第二頁</button>
<br>
<script>
function showPage(page) {
if (page === 1) {
document.getElementById("page1").style.display = "block";
document.getElementById("page2").style.display = "none";
} else if (page === 2) {
document.getElementById("page1").style.display = "none";
document.getElementById("page2").style.display = "block";
}
}
</script>

在這個案例中，我們使用了兩個<div>標簽分別代表兩個不同的頁面內容，通過設置其中一個的display樣式為none，實現了一開始只顯示第一頁的效果。在按鈕的onclick事件中，通過JavaScript的代碼來控制顯示不同的頁面內容。當點擊第一頁按鈕時，顯示第一頁內容，同時隱藏第二頁內容，反之亦然。

案例二：

<div class="page">
<h1>第一頁</h1>
<p>這是第一頁內容。</p>
</div>
<br>
<div class="page">
<h1>第二頁</h1>
<p>這是第二頁內容。</p>
</div>
<br>
<button id="prev" onclick="showPage('prev')">上一頁</button>
<button id="next" onclick="showPage('next')">下一頁</button>
<br>
<script>
var currentPage = 0;
<br>
    function showPage(page) {
var pages = document.getElementsByClassName("page");
if (page === "prev") {
if (currentPage > 0) {
currentPage--;
}
} else if (page === "next") {
if (currentPage < pages.length - 1) {
currentPage++;
}
}
<br>
        for (var i = 0; i < pages.length; i++) {
if (i === currentPage) {
pages[i].style.display = "block";
} else {
pages[i].style.display = "none";
}
}
<br>
        document.getElementById("prev").disabled = (currentPage === 0);
document.getElementById("next").disabled = (currentPage === pages.length - 1);
}
</script>

在這個案例中，我們沒有使用id來標識每個<div>標簽，而是使用了相同的class來進行標識。通過JavaScript代碼中的showPage函數來控制顯示當前頁的內容，同時根據當前頁的不同，來判斷是否將上一頁和下一頁按鈕置灰。這種方法可以適應不同數量的頁面內容。

起來，<div>分頁標簽是一種實現網頁分頁效果的HTML標簽，通過結合JavaScript代碼，可以實現對不同頁面內容的切換和顯示。上述案例僅為演示，實際應用中可以根據需求進行適當的調整和擴展，以滿足更多復雜的分頁需求。