HTML焦點試圖是一種在 HTML 中標記一個特定區域以供鍵盤導航使用的代碼。這個功能通常用于網頁的無障礙性,幫助那些使用屏幕閱讀器、鍵盤或鼠標不便的用戶,更加方便地瀏覽網頁內容。讓我們來看看焦點試圖如何在 HTML 代碼中實現。
首先,我們需要使用 tabindex 屬性來為一個元素設置一個指定的序數,這樣用戶可以使用 Tab 鍵在該序號序列中移動。例如,我們可以把一個
容器的 tabindex 屬性設置為“1”:
<div tabindex="1">
<p>這是一個示例段落。</p>
</div>
我們還可以添加一個樣式,使其在獲得焦點時更加明顯:
這個樣式定義了當獲得焦點時,會在其周圍繪制一個藍色的實線邊框,以便突出顯示。
除了
,其他 HTML 元素也可以設置 tabindex 屬性。例如,標簽和