<div class="page">
<p>第一頁內(nèi)容</p>
<p>第二頁內(nèi)容</p>
<p>第三頁內(nèi)容</p>
</div>在這段代碼中,我們使用了class="page"來定義一個分頁區(qū)域,并在其中插入了三個p標(biāo)簽,分別表示內(nèi)容的三個頁面。
另外,我們還可以為分頁編寫一些控制按鈕,以便用戶可以通過點擊按鈕的方式來切換頁面。例如:
<div class="page"> <div class="control"> <a href="#" class="current">1</a> <a href="#">2</a> <a href="#">3</a> </div> <p>第一頁內(nèi)容</p> <p class="hide">第二頁內(nèi)容</p> <p class="hide">第三頁內(nèi)容</p> </div>在這段代碼中,我們先定義了一個class="control"的區(qū)域,用來存放分頁控制按鈕。其中,a標(biāo)簽的按鈕中,class="current"表示當(dāng)前所在頁面。 在p標(biāo)簽中,我們還使用了class="hide"來將第二頁和第三頁的內(nèi)容隱藏起來,以防影響用戶體驗。當(dāng)用戶點擊分頁按鈕時,我們可以通過更改class="hide"為class="show",來切換顯示內(nèi)容頁。 通過以上介紹,相信大家對于div分頁的HTML代碼怎么寫的問題有了更加深入的了解。在實際開發(fā)中,我們還需要根據(jù)具體場景靈活運用這些技巧,以達(dá)到更好的效果。