<class>與<div>是HTML中常用的標簽，用于定義網頁內容的結構和樣式。它們都是塊級元素，可以在HTML文檔中劃分不同的區塊，方便對各個區塊進行樣式和功能的設定。下面通過幾個代碼案例來詳細解釋說明這兩個標簽的用法和區別。
第一個案例是使用<class>標簽來定義一個具有特定樣式的區塊。例如，我們想要定義一個具有紅色底色和白色字體的區塊，可以使用如下代碼：

使用<class>標簽的例子：

<style>
.red-box {
background-color: red;
color: white;
}
</style>
<div class="red-box">
這是一個紅色底色的區塊
</div>

在上述代碼中，我們先在<style>標簽中定義了一個名為"red-box"的類，通過設置background-color和color屬性來設定區塊的樣式。然后，在<div>標簽中使用class屬性將這個類應用于該區塊。結果就是一個背景為紅色、字體為白色的區塊。
第二個案例是使用<div>標簽來組織網頁內容的結構。例如，我們想要將網頁分為頭部、主體和底部三個部分，在不同的部分中各自設定不同的樣式和功能，可以使用如下代碼：

使用<div>標簽的例子：

<style>
.header {
background-color: lightgray;
padding: 20px;
}
.main {
background-color: white;
padding: 20px;
}
.footer {
background-color: darkgray;
color: white;
padding: 20px;
}
</style>
<div class="header">
這是頭部
</div>
<div class="main">
這是主體
</div>
<div class="footer">
這是底部
</div>

在上述代碼中，我們先在<style>標簽中定義了三個類：".header"、".main"和".footer"。分別設定了不同背景色和內邊距的樣式。然后，在三個<div>標簽中分別應用了這些類，實現了頭部、主體和底部三個部分的樣式設定。
綜上所述，<div>標簽主要用于網頁內容的結構化劃分，可以根據需要定義不同的類，實現分塊樣式和功能的設定。而<class>標簽則是用于定義一個具有特定樣式的區塊，可以通過類選擇器來引用并應用這個樣式。兩者都對網頁的布局和設計起到了重要的作用，開發者可以根據具體需求選擇合適的標簽來使用。