<div> 是 HTML 語言中的一個標簽，用于創建一個容器，將其中的內容劃分為獨立的塊。那么問題來了，<div> 標簽是否能夠獲得焦點呢？我們來詳細解釋一下。
<div> 標簽本身并不具備能夠獲得焦點的功能。焦點是指用戶在頁面上的一個交互狀態，通常用于指示當前用戶正在與頁面上的哪個元素進行交互，例如輸入框等。然而，<div> 標簽只是一個普通的塊級元素，它沒有內置的交互性，所以默認情況下無法獲得焦點。
代碼示例一：

我們先來看一個簡單的示例：

<div>This is a div element.</div>

在這個示例中，<div>標簽并沒有獲得焦點的屬性或事件處理，因此無法在頁面中產生焦點。
但是，通過 CSS 和 JavaScript 的一些操作，我們可以使 <div> 元素具備獲得焦點的能力。
代碼示例二：

下面的示例演示了如何通過設置 tabindex 屬性實現使 div 元素獲得焦點：

<div tabindex="0">This div element can get focus.</div>

在這個示例中，我們為 <div> 元素添加了 tabindex 屬性，并將其設置為 0。 tabindex 屬性用于指定元素在頁面中的焦點順序，而值為 0 表示這個元素可以被通過 tab 鍵來聚焦。然后，用戶可以通過按下 tab 鍵來將焦點置于這個 <div> 元素上。
代碼示例三：

下面的示例展示了如何使用 JavaScript 在 <div> 元素上設置焦點：

<script>
function setFocus() {
var divElement = document.getElementById("myDiv");
divElement.focus();
}
</script>
<br>
<button onclick="setFocus()">Set Focus</button>
<div id="myDiv">This is a div element.</div>

在這個示例中，我們通過 JavaScript 創建了一個函數setFocus，用于將焦點設置到 id 為myDiv的 <div> 元素上。然后通過一個按鈕，在點擊按鈕時調用該函數，即可設置焦點。這樣，用戶就能夠通過點擊按鈕來將焦點置于這個 <div> 元素上。
通過上述示例，我們可以看出<div>元素本身是沒有焦點的，但是通過設置相應的屬性和使用JavaScript腳本，我們可以使其具備獲得焦點的能力。這種方式適用于特定的交互需求，例如需要用戶選擇或操作某個區域時，可以將焦點設置到 <div> 元素上。