<div>標簽是HTML中用于定義文檔中的一個區域或容器的元素。它可以包含各種其他元素，包括文本、圖像、鏈接和其他HTML元素。在傳統的HTML中，我們使用frameset和frame元素來實現網頁中的分割窗口效果。但是，由于frameset和frame已經被棄用，并且不被主流瀏覽器支持，所以我們可以使用<div>元素和一些CSS屬性和技巧來實現替代的效果。
一種常見的情況是，在一個頁面中分為上下兩個區域，上部分顯示網頁的導航欄或菜單，下部分顯示網頁的內容。我們可以使用<div>元素和CSS的flex屬性來實現這種效果。，我們可以用一個<div>元素作為整個容器，再在其中用兩個<div>元素分別表示上下兩個區域。然后，我們給整個容器設置一個樣式，如設置display屬性為flex，這樣就可以實現上下兩個區域的自動分割。具體的代碼如下：

<style>
.container {
display: flex;
flex-direction: column;
height: 100vh; /* 設置容器高度為瀏覽器窗口的高度 */
}
<br>
.nav {
background-color: #f0f0f0;
height: 50px;
}
<br>
.content {
flex-grow: 1; /* 設置內容區域自動填充剩余空間 */
}
</style>
<br>
<div class="container">
<div class="nav">
<!-- 這里是導航欄的內容 -->
</div>
<div class="content">
<!-- 這里是內容區域的內容 -->
</div>
</div>

在上面的代碼中，我們定義了一個.container類，設置其display屬性為flex，并設置其高度為瀏覽器窗口的高度（利用vh單位）。然后，在.container內部，我們用兩個<div>元素分別表示上下兩個區域，分別給它們設置了.nav和.content類作為樣式。其中，.nav類表示導航欄的樣式，.content類表示內容區域的樣式。通過設置.nav的高度和.content的flex-grow屬性，我們可以實現上下兩個區域的分割。
除了分割上下區域外，我們還可以使用<div>元素和CSS的grid屬性來實現類似frameset的分割窗口效果。grid可以將頁面分成多行多列的網格，我們可以根據需要在網格中放置不同的內容。下面是一個示例代碼：

<style>
.container {
display: grid;
grid-template-columns: 200px auto; /* 將頁面分成兩列，第一列寬度為200px，第二列自動填充剩余空間 */
grid-template-rows: 100px auto; /* 將頁面分成兩行，第一行高度為100px，第二行自動填充剩余空間 */
height: 100vh; /* 設置容器高度為瀏覽器窗口的高度 */
}
<br>
.nav {
grid-column: 1 / 2; /* 在第一列顯示 */
grid-row: 1 / 2; /* 在第一行顯示 */
background-color: #f0f0f0;
}
<br>
.content {
grid-column: 1 / 3; /* 在第一列到第三列顯示 */
grid-row: 2 / 3; /* 在第二行顯示 */
}
</style>
<br>
<div class="container">
<div class="nav">
<!-- 這里是導航欄的內容 -->
</div>
<div class="content">
<!-- 這里是內容區域的內容 -->
</div>
</div>

在上面的代碼中，我們定義了一個.container類，并使用grid-template-columns和grid-template-rows屬性將頁面劃分為兩行兩列的網格。然后，我們在容器中使用兩個<div>元素分別表示導航欄和內容區域，并通過grid-column和grid-row屬性將它們放置在相應的網格單元中。
以上是使用<div>元素實現frameset效果的兩個示例。通過靈活運用CSS屬性和技巧，我們可以輕松地實現類似于frameset的分割窗口效果，并且不依賴于舊有的frameset和frame元素。