跳到主要內容
:::|

3.6:H203005 適當使用巢狀標題呈現文件結構

說明:由於有些身心障礙者習慣以瀏覽文件章節標題的方式,進行網頁內容的閱讀。因此以HTML中Header元件來呈現長篇網頁文件章節的層次結構(以H1至H6由上而下的方式註記文章章節標題),以利瀏覽器辨別輔助閱讀。

範例:此例子中文章的三的層次未按照正確H1~H6標題標籤使用。

不良設計

不良設計:

< H1 > 第一層標題 < /H1 >

< H3 > 第三層標題 < /H3 >

< H2 > 第二層標題 < /H2 >

正確示範

此範例中正確的使用 < H1 > < H2 > < H3 > 標題標籤的巢狀用法,譬如H1標籤之後的下一層應是使用H2標籤,而H2標籤的下一層應是使用H3標籤。

正確範例:

< H1 > 第一層標題 < /H1 >

< H2 > 第二層標題 < /H2 >

< H3 > 第三層標題 < /H3 >

上一頁| 回首頁