<div>與<idiv>是一對在網頁設計中經常使用的元素。它們用于將HTML文檔劃分為獨立的區塊，以便更好地組織和布局頁面內容。在本文中，我們將詳細介紹<div>和<idiv>的使用方式，并提供幾個代碼案例進行說明。
<div>元素是HTML中最常見的塊級元素之一。它沒有特定的語義含義，僅用于將HTML文檔劃分為獨立的區塊。通過使用<div>元素，我們可以輕松地在網頁中創建不同的區域，用于顯示不同的內容、應用樣式或執行其他操作。
下面是一個簡單的例子，展示了如何使用<div>元素創建兩個獨立的區塊：

<p><div>這是第一個區塊</div></p>
<p><div>這是第二個區塊</div></p>

在上面的代碼中，我們創建了兩個<div>元素，分別包裹了不同的文本內容。這樣可以使它們在頁面中顯示為獨立的區塊，樣式和排版也可以分別應用。請注意，<div>元素是一個塊級元素，在默認情況下會占據整個可用寬度。
與<div>元素相似，<idiv>元素也用于劃分獨立區塊，但是它是在XML或XHTML中使用的元素。它的語法與<div>元素相同，唯一的區別是它使用了命名空間。以下代碼展示了如何使用<idiv>元素：

<p><idiv>這是一個使用idiv的區塊</idiv></p>

注意，<idiv>元素和<div>元素在功能上是相同的，只是在不同的語境中使用。
除了用于劃分區塊，<div>和<idiv>元素還可以與CSS一起使用，為頁面內容應用樣式。通過為<div>或<idiv>元素添加類名或ID，我們可以通過CSS選擇器選擇它們，并對其進行樣式設置。下面是一個示例代碼，展示了如何使用CSS為<div>元素添加樣式：

<p><style>
.myDiv {
background-color: lightblue;
padding: 20px;
margin-bottom: 10px;
}
</style></p>
<br>
<p><div class="myDiv">這是一個有樣式的區塊</div></p>

在上面的代碼中，我們定義了一個名為"myDiv"的類，并為其編寫了一些樣式。然后，我們通過將<div>元素的class屬性設置為"myDiv"，將樣式應用于該元素。這樣，我們就可以在頁面中為任意數量的<div>元素添加相同的樣式，并將它們視為同一類。
一下，<div>和<idiv>元素是用于劃分獨立區塊的常用HTML元素。它們可以幫助我們更好地組織和布局頁面內容，并與CSS一起使用以應用樣式。通過上述代碼案例的詳細說明，相信讀者已經對<div>和<idiv>元素有了更清晰的理解，可以在實際項目中靈活運用它們。