現今網頁設計已經成為了一個熱門行業，而HTML作為構建網頁基礎的語言也日益受到關注。在HTML中，div是一個非常重要的元素，它可以通過class、id等屬性來控制網頁的布局和樣式。

<div class="header">
<h1>這是頭部</h1>
</div>

上面的代碼是一個典型的使用了class屬性的div元素，它的類名為header。通過CSS樣式控制，可以使header模塊具有特定的樣式，如背景顏色、文字樣式等。

.header {
background-color: #ccc;
color: #fff;
font-size: 24px;
}

除了使用class屬性，還可以使用id屬性來針對特定的元素進行控制。下面是一個使用id屬性的div元素的代碼：

<div id="main">
<p>這是主體內容</p>
</div>

通過id屬性，可以在CSS樣式中直接針對該元素進行樣式控制，而無需為其他元素添加額外的class屬性。

#main {
background-color: #f2f2f2;
padding: 20px;
}

還有一種常見的div用法是使用嵌套的方式來控制頁面的布局。下面是一個簡單的嵌套div元素的例子：

<div class="container">
<div class="left">
<p>這是左側內容</p>
</div>
<div class="right">
<p>這是右側內容</p>
</div>
</div>

通過嵌套div元素，可以控制頁面的層級關系，實現靈活的布局。例如，使用左右兩個div元素來控制頁面的主體內容和側邊欄：

<div class="container">
<div class="main">
<p>這是主體內容</p>
</div>
<div class="sidebar">
<p>這是側邊欄</p>
</div>
</div>

以上是一些常見的div元素用法，在實際應用中可能還會涉及到更多的屬性和方法。希望這篇文章能夠幫助大家更好地理解和應用HTML中的div元素。