<div>與<iframe>是在網頁開發中常常使用到的兩個標簽，它們各自擁有獨特的用途和特點。本文將詳細討論<div>和<iframe>的用法，并通過幾個代碼案例來解釋說明。

1. <div>標簽的用法：

<div>標簽是HTML中的一個塊級元素，它可以用來創建一個獨立的容器，將其他HTML元素包裹在其中。通過使用<div>標簽，我們可以對包裹在其中的內容進行集中管理和控制樣式。可以將<div>視為一個盒子，我們可以給這個盒子添加各種樣式屬性，比如背景色、邊框、內邊距等。以下是一個示例代碼：

<div style="width: 200px; height: 200px; background-color: #f2f2f2; border: 1px solid #ccc; padding: 10px;">
<h1>Hello, World!</h1>
<p>This is a sample text inside a <div> element.</p>
</div>

在上述代碼中，我們創建了一個具有固定寬度和高度的<div>元素，并為其指定了背景色、邊框和內邊距。在<div>中，我們添加了一個<h1>標簽和一個

標簽，分別用于顯示標題和一段文本。執行代碼后，我們可以看到一個具有樣式的<div>盒子，并且其中的內容按照我們的要求排列。

2. <iframe>標簽的用法：

<iframe>標簽是HTML中的一個內聯框架元素，它可以用來在網頁中嵌入其他網頁或者外部資源。通過使用<iframe>標簽，我們可以在一個網頁中顯示另一個網頁的內容，這在實現加載外部內容或顯示不同域之間的內容時非常有用。以下是一個示例代碼：

<iframe src="https://www.example.com" width="500" height="300"></iframe>

在上述代碼中，我們使用<iframe>標簽來嵌入一個名為https://www.example.com的網頁。我們還指定了<iframe>的寬度和高度，分別為500像素和300像素。執行代碼后，我們可以看到一個具有指定尺寸的框架，其中顯示了嵌入的外部網頁的內容。

需要注意的是，<iframe>標簽將會創建一個新的瀏覽上下文。這意味著在<iframe>中的內容將獨立于父網頁，并且有自己的DOM，CSS樣式和JavaScript代碼。此外，由于跨域安全限制，<iframe>標簽將無法加載來自不同域的內容，除非目標網站明確允許跨域訪問。

以上是關于<div>與<iframe>用法的簡要介紹和說明。通過使用<div>標簽，我們可以創建一個獨立的容器來控制和管理網頁中的內容。而<iframe>標簽則允許我們在一個網頁中嵌入另一個網頁或者外部資源。通過合理使用這兩個標簽，我們可以更加靈活和高效地開發網頁，并實現各種功能需求。