<div role="document">是HTML5中一個用來標(biāo)記Web頁面的角色（role）的屬性。它的作用是將具有文檔內(nèi)容的元素標(biāo)記為頁面的主要內(nèi)容，從而幫助輔助技術(shù)更好地理解文檔的結(jié)構(gòu)和內(nèi)容。在本文中，我們將通過幾個代碼案例來詳細(xì)解釋<div role="document">的使用。
，我們來看一個簡單的例子。假設(shè)我們有一個包含多個部分的頁面，其中每個部分都有自己的標(biāo)題和內(nèi)容。我們可以使用<div role="document">來將整個頁面的主要內(nèi)容包裹起來，示例代碼如下：

<div role="document">
<h1>頁面標(biāo)題</h1>
<div>
<h2>部分1</h2>
<p>部分1的內(nèi)容</p>
</div>
<div>
<h2>部分2</h2>
<p>部分2的內(nèi)容</p>
</div>
</div>

在上面的代碼中，我們使用<div role="document">將整個頁面的主要內(nèi)容包裹起來，并通過嵌套的<div>元素劃分了各個部分，每個部分都有自己的標(biāo)題和內(nèi)容。這樣一來，輔助技術(shù)就能夠更好地理解頁面的結(jié)構(gòu)和內(nèi)容。
接下來，我們來看一個更復(fù)雜的案例。假設(shè)我們有一個帶有導(dǎo)航欄和正文內(nèi)容的頁面，我們希望通過<div role="document">將正文內(nèi)容標(biāo)記為頁面的主要內(nèi)容。示例代碼如下：

<div role="document">
<nav>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">關(guān)于我們</a></li>
</ul>
</nav>
<div>
<h1>頁面標(biāo)題</h1>
<p>頁面內(nèi)容</p>
</div>
</div>

在上面的代碼中，我們使用<div role="document">將頁面的正文內(nèi)容標(biāo)記為主要內(nèi)容，并將導(dǎo)航欄部分的代碼放在<div role="document">之外。這樣一來，輔助技術(shù)就能夠更好地識別主要內(nèi)容，并且可以跳過導(dǎo)航欄等非主要內(nèi)容，直接定位到正文內(nèi)容。
一下，<div role="document">是HTML5中的一個角色屬性，用于標(biāo)記Web頁面的主要內(nèi)容。通過將<div role="document">包裹頁面的主要內(nèi)容，我們可以幫助輔助技術(shù)更好地理解頁面的結(jié)構(gòu)和內(nèi)容。無論是簡單的頁面還是復(fù)雜的頁面，我們都可以通過合適地使用<div role="document">來提升頁面的可訪問性和用戶體驗(yàn)。