在Web開發中，我們經常需要對頁面進行布局，而div就是一個非常常見的用來進行布局的HTML元素。div全稱為“division”，它是用來將HTML文檔分隔成不同的部分或區塊，在CSS中可以通過設置不同的樣式來進行布局和排版。

下面我們來看一個示例，使用div和一些HTML代碼實現一個簡單的頁面布局：

<div id="header">
<h1>這是一個頁面的標題</h1>
</div>
<div id="nav">
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">新聞</a></li>
<li><a href="#">產品</a></li>
<li><a href="#">關于我們</a></li>
</ul>
</div>
<div id="content">
<p>這是頁面的主要內容</p>
</div>
<div id="sidebar">
<h2>側欄標題</h2>
<p>這是側欄的內容</p>
</div>
<div id="footer">
<p>版權所有 ? 2021 <a href="#">網站名稱</a></p>
</div>

以上代碼中，我們使用了5個div元素對頁面進行了分塊：header（頭部）、nav（導航欄）、content（主要內容）、sidebar（側邊欄）和footer（尾部）。將頁面分塊后，我們就可以依次對每個部分進行設計和設置樣式，從而實現一個完整的頁面布局。