在組織你的Web內(nèi)容時(shí)，使用結(jié)構(gòu)正確的HTML標(biāo)題而不是粗體段落或大寫文本。將網(wǎng)頁標(biāo)題視為一本書的目錄。經(jīng)常瀏覽的人可以通過僅閱讀標(biāo)題來快速瀏覽你的網(wǎng)站，以了解其內(nèi)容。他們可以專注于標(biāo)題或副標(biāo)題。

視力不佳的用戶可以通過正確的結(jié)構(gòu)標(biāo)題獲得相同的好處。輔助技術(shù)可以瀏覽它們的各個(gè)標(biāo)題和子標(biāo)題。如果標(biāo)題不存在或順序混亂，則無論用戶的能力或殘障程度如何，任何用戶都無法跟隨該網(wǎng)站的故事。

網(wǎng)頁上不需要標(biāo)題。但是，它們有助于分解并組織冗長的信息網(wǎng)頁，從而提高了可讀性。正確使用標(biāo)題還具有搜索引擎優(yōu)化的好處，可以幫助你的網(wǎng)頁在Google的搜索結(jié)果中排名更高，接下來讓我們一起去探討如何正確使用標(biāo)題。

標(biāo)題順序

標(biāo)題必須遵循邏輯順序才能符合Web無障礙要求，一個(gè)網(wǎng)頁應(yīng)該只有一個(gè)標(biāo)題級別1 <h1>。這通常是頁面標(biāo)題。

正文中使用的所有標(biāo)題（在頁面標(biāo)題之后）均小于等于<h2>，總共可以使用標(biāo)題2-6，一般來說2-5夠我們使用了，所以建議大家堅(jiān)持標(biāo)題2-5，因?yàn)橥ǔ２恍枰?lt;h6>。

嵌套標(biāo)題

如果你“嵌套”標(biāo)題（換句話說，如果你具有標(biāo)題的副標(biāo)題），請不要跳過標(biāo)題級別。如果你有<h2>并想在其后加上副標(biāo)題，請使用<h3>。如果在此之后加上“等重”子標(biāo)題，請?jiān)俅问褂?lt;h3>，子標(biāo)題的子標(biāo)題將是<h4>，完成副標(biāo)題后，你可以返回<h2>。

代碼示例

以下是如何正確排列標(biāo)題的編碼示例。

范例說明

屏幕閱讀器（例如VoiceOver）將看到我們的目錄，如下所示：

正確地排列標(biāo)題很重要。避免使用標(biāo)題以獲得僅視覺效果。例如，如果你有一個(gè)要脫穎而出的公告，但此消息后來并不是該內(nèi)容的標(biāo)題，則不應(yīng)使用標(biāo)題。取而代之的是，使用一些CSS設(shè)置段落文本的樣式，使其看起來獨(dú)特而突出。

另外，頁面的標(biāo)題自動為網(wǎng)頁的<h1>，因此你無需自己應(yīng)用該標(biāo)題級別。還請記住，滑塊標(biāo)題和側(cè)欄標(biāo)題自動是<h2> s。如果選擇將任何標(biāo)題嵌套在滑塊或側(cè)邊欄中，則應(yīng)從<h3>標(biāo)題級別開始。

要將標(biāo)題樣式應(yīng)用于文本行，請將光標(biāo)置于要變成標(biāo)題的文本行內(nèi)，然后從編輯器欄中最左側(cè)的下拉菜單中選擇標(biāo)題級別。

請注意，用于創(chuàng)建標(biāo)題的相同方法通?？稍谄渌诰€應(yīng)用程序中使用，例如Google Docs或MS Word。

如果你對以上的內(nèi)容，還不是很了解，可以在下面留言，我們會一一回復(fù)的！