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

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

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

標題順序

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

正文中使用的所有標題（在頁面標題之后）均小于等于<h2>，總共可以使用標題2-6，一般來說2-5夠我們使用了，所以建議大家堅持標題2-5，因為通常不需要<h6>。

嵌套標題

如果你“嵌套”標題（換句話說，如果你具有標題的副標題），請不要跳過標題級別。如果你有<h2>并想在其后加上副標題，請使用<h3>。如果在此之后加上“等重”子標題，請再次使用<h3>，子標題的子標題將是<h4>，完成副標題后，你可以返回<h2>。

代碼示例

以下是如何正確排列標題的編碼示例。

范例說明

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

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

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

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

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

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