HTML中如何設置分頁顯示？
在很多的網頁應用程序中，我們可能需要將大批量的數據進行分頁顯示，這不但可以提高頁面的訪問速度，還可以提高用戶體驗。那么，HTML頁面中實現分頁有哪些方法呢？

首先，我們可以使用nav標簽來標識每一頁的內容及鏈接。nav標簽是HTML5新增的一個標簽，表示一個頁面區域的導航鏈接，因此我們可以使用它來劃分頁面的不同部分，以達到分頁的目的。例如：

<nav>
<ul>
<li><a href="#page1">第一頁</a></li>
<li><a href="#page2">第二頁</a></li>
<li><a href="#page3">第三頁</a></li>
</ul>
</nav>

以上代碼表示，在頁面上顯示3個鏈接，分別指向頁面的第一頁、第二頁、第三頁，當用戶單擊鏈接時，瀏覽器會跳轉到相應頁碼的位置，實現分頁顯示。

另一個常見的分頁顯示方法，是利用div標簽來分隔頁面內容。我們可以將每一頁的內容放在不同的
元素中，并設置CSS樣式來控制其顯示與隱藏。例如，以下代碼演示了如何使用jQuery庫來實現分頁：

<div id="page1">
<p>這是第一頁的內容</p>
</div>
<div id="page2">
<p>這是第二頁的內容</p>
</div>
<div id="page3">
<p>這是第三頁的內容</p>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function() {
$("#page2, #page3").hide();  //初始時，隱藏第二、三頁內容
$("#nav1").click(function() {  //當用戶單擊“第一頁”鏈接時
$("#page1").show(); $("#page2, #page3").hide();  //顯示第一頁內容，隱藏其它頁內容
});
$("#nav2").click(function() {  //當用戶單擊“第二頁”鏈接時
$("#page2").show(); $("#page1, #page3").hide();  //顯示第二頁內容，隱藏其它頁內容
});
$("#nav3").click(function() {  //當用戶單擊“第三頁”鏈接時
$("#page3").show(); $("#page1, #page2").hide();  //顯示第三頁內容，隱藏其它頁內容
});
});
</script>

以上代碼定義了三個div容器，分別存放第一頁、第二頁、第三頁的內容。當頁面加載時，默認只顯示第一頁內容，而其它頁則通過jQuery動態控制其顯示與隱藏。當用戶單擊不同的鏈接時，會觸發相應的JavaScript事件，從而實現分頁的效果。