<div>標簽是HTML中的一個元素，它用于將HTML文檔中的內容劃分為不同的段落或部分。在Web開發中，<div>標簽被廣泛用于創建頁面的布局和結構。其中，<div>的footer屬性常常用來定義頁面的頁腳部分。
在HTML中，網頁通常由多個部分組成，包括頁頭(header)、導航欄(navbar)、主要內容(main)和頁腳(footer)等。頁腳部分位于頁面的底部，包含有關網站的版權信息、聯系方式或其他附加信息。為了方便樣式和布局的設計，將頁腳部分放在<div>標簽內，并使用footer屬性進行標記。
下面通過幾個代碼案例來詳細解釋<footer>標簽的用法：
案例一：

以下是一個簡單的HTML代碼示例，展示了如何使用<footer>標簽創建一個簡單的頁腳：

<div>
<footer>
<p>Copyright © 2022. All rights reserved.</p>
<p>Contact: info@example.com</p>
</footer>
</div>

在這個示例中，我們在一個<div>標簽內嵌套了<footer>標簽，用于定義頁面的頁腳。在<footer>標簽內部，我們可以使用

標簽來定義頁腳的內容，并在

標簽內添加版權信息和聯系方式。這樣，頁面的頁腳部分就被定義成功了。

案例二：

下面是一個包含了完整布局的HTML代碼示例。在這個代碼示例中，我們通過使用<header>、<nav>、<main>和<footer>標簽，創建了一個完整的頁面布局。

<div>
<header>
<h1>My Website</h1>
</header>
<br>
  <nav>
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</nav>
<br>
  <main>
<h2>Welcome to My Website</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum viverra euismod lacus ut dictum.</p>
</main>
<br>
  <footer>
<p>Copyright © 2022. All rights reserved.</p>
<p>Contact: info@example.com</p>
</footer>
</div>

在這個代碼示例中，我們從頭到尾構建了一個完整的頁面布局。其中，<header>標簽用于定義頁面的頁眉部分，<nav>標簽用于定義導航欄，<main>標簽用于定義主要內容，<footer>標簽用于定義頁腳。通過這樣的布局，我們可以更好地組織和管理頁面的結構和內容。

： <div>標簽的<footer>屬性常常用來定義頁面的頁腳部分。我們可以使用<div>和<footer>標簽來創建各種各樣的頁腳布局，并在<footer>標簽內添加相應的內容和樣式。通過合理使用<footer>標簽，我們可以實現對頁面布局和結構的設計和控制，提升用戶體驗和整體頁面的可讀性。