網站建設中(zhōng)标題是頁(yè)面内容的支柱。訪問者應該能(néng)夠使用(yòng)标題浏覽網頁(yè),以便對其内容有(yǒu)一個好的印象。尤其是現在SEO的作(zuò)用(yòng)也越來越大,每個企業做好網站建設後都會去做SEO,而一個無障礙标題結構對SEO是非常有(yǒu)好處的。
标題級别具(jù)有(yǒu)意義,尤其是對于屏幕閱讀器用(yòng)戶和搜索引擎而言。這意味着每頁(yè)有(yǒu)一個唯一的第一級标題,其他(tā)标題表示類似于書籍索引的頁(yè)面内容:易于掃描和語義化。标題是 HTML 元素。主标題h1為(wèi) 1 級。其他(tā)級别h2最高為(wèi)h6。HTML 生活标準在标題中(zhōng)指出:标題可(kě)用(yòng)于需要标題内容的地方。标題内容定義了節的标題(無論是使用(yòng)節内容元素明确标記,還是由标題内容本身暗示)。
HTML 生活标準,h1、h2、h3、h4、h5 和 h6 元素。
h1每頁(yè)使用(yòng)一個獨特的描述該頁(yè)面的内容。這h1最好從主要内容的正上方開始。使用(yòng)标題來述下面的内容。不要使用(yòng) HTML 标題隻是為(wèi)了使文(wén)本顯得更大或突出。使用(yòng)類似于書籍索引的标題級别:分(fēn)層。不要根據标題的大小(xiǎo)來選擇标題,而是根據内容上下文(wén)中(zhōng)的級别來選擇标題。不要從上到下跳過标題級别。
使用(yòng)h2标題作(zuò)為(wèi)引号,因為(wèi)它的字體(tǐ)很(hěn)大。h4為(wèi)文(wén)本的第一段使用(yòng)标題,因為(wèi)它隻是您需要的粗體(tǐ)文(wén)本的大小(xiǎo)。h2在網頁(yè)上專門使用(yòng)标題,因為(wèi)所有(yǒu)标題在設計中(zhōng)的大小(xiǎo)都相同。h1在網頁(yè)上使用(yòng)多(duō)個标題。省略标題,因為(wèi)設計清楚地表明了新(xīn)部分(fēn)的開始。将标題留空(通常是 CMS 故障)。
分(fēn)層意味着按從最重要到最不重要的順序排列。該h1是最重要的标題級别的h6最少。在實踐中(zhōng),對于 Web 内容,您将使用(yòng)h1表示頁(yè)面标題,為(wèi)最重要的部分(fēn)指定一個h2,并且,如果需要,添加一個h3或什h4至可(kě)能(néng)是一個以劃分(fēn)該h2部分(fēn)中(zhōng)的内容。
我們都通過标題(和鏈接)導航,因為(wèi)它們很(hěn)突出。人們最初不會在網頁(yè)上閱讀,他(tā)們會浏覽并浏覽内容以找到他(tā)們想要閱讀的内容。隻有(yǒu)當他(tā)們找到他(tā)們想要的東西時,他(tā)們才會開始閱讀。使掃描過程盡可(kě)能(néng)簡單。您可(kě)以通過為(wèi)網站創建清晰一緻的菜單結構并在網頁(yè)本身上創建清晰的标題結構來做到這一點。