Các phần tử HTML từ

đến đại diện cho sáu cấp độ của tiêu đề phần.

là cấp phần cao nhất và là thấp nhất

Thể loại nội dung, nội dung tiêu đề, nội dung có thể sờ thấy. nội dung được phép. Bỏ sót thẻKhông có, cả thẻ bắt đầu và thẻ kết thúc đều bắt buộc. Cha mẹ được phép Bất kỳ phần tử nào chấp nhận. Vai trò ARIA ngầm định Vai trò ARIA được phéptab,

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

0 hoặc

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

1Giao diện DOM

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

2

Các phần tử này chỉ bao gồm các thuộc tính toàn cục

• Thông tin tiêu đề có thể được sử dụng bởi các tác nhân người dùng để tự động xây dựng mục lục cho tài liệu
• Không sử dụng các thành phần tiêu đề để thay đổi kích thước văn bản. Thay vào đó, hãy sử dụng thuộc tính CSS

  Heading elements
  Summary
  Some text here…
  
  Examples
  Example 1
  Some text here…
  
  Example 2
  Some text here…
  
  See also
  Some text here…
  

  3
• Đừng bỏ qua các cấp tiêu đề. luôn bắt đầu từ

  , tiếp theo là

  Heading elements
  Summary
  Some text here…
  
  Examples
  Example 1
  Some text here…
  
  Example 2
  Some text here…
  
  See also
  Some text here…
  

  5, v.v.

Mặc dù tiêu chuẩn HTML cho phép sử dụng nhiều phần tử

trên một trang [miễn là chúng không phải là ], đây không được coi là phương pháp hay nhất. Một trang nói chung nên có một phần tử

duy nhất mô tả nội dung của trang [tương tự như của tài liệu

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

9]

Ghi chú. Các phiên bản cũ hơn của tiêu chuẩn HTML cho phép lồng nhiều phần tử

vào lồng nhau. Tuy nhiên, điều này chưa bao giờ được coi là một phương pháp hay nhất và hiện không phù hợp. Đọc thêm trong Thuật toán không có phác thảo tài liệu

Chỉ thích sử dụng một

trên mỗi trang và không bỏ qua các cấp độ

Đoạn mã sau hiển thị tất cả các cấp tiêu đề, đang được sử dụng

Heading level 1
Heading level 2
Heading level 3
Heading level 4
Heading level 5
Heading level 6

Đây là kết quả của mã này

Đoạn mã sau hiển thị một vài tiêu đề với một số nội dung bên dưới chúng

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

Đây là kết quả của mã này

Một kỹ thuật điều hướng phổ biến cho người dùng phần mềm đọc màn hình là nhảy từ tiêu đề để nhanh chóng xác định nội dung của trang. Do đó, điều quan trọng là không bỏ qua một hoặc nhiều cấp độ tiêu đề. Làm như vậy có thể tạo ra sự nhầm lẫn, vì người điều hướng theo cách này có thể không biết tiêu đề bị thiếu ở đâu

Đừng

________số 8_______

Làm

Heading level 1
Heading level 2
Heading level 3

làm tổ

Các tiêu đề có thể được lồng vào nhau dưới dạng các tiểu mục để phản ánh việc tổ chức nội dung của trang. Hầu hết các trình đọc màn hình cũng có thể tạo danh sách theo thứ tự của tất cả các tiêu đề trên một trang, điều này có thể giúp một người nhanh chóng xác định thứ bậc của nội dung

1. Heading level 1
   Heading level 3
   Heading level 4
   

   2 Bọ cánh cứng

   1. Heading level 1
      Heading level 3
      Heading level 4
      

      3 Từ nguyên học

   2. Heading level 1
      Heading level 3
      Heading level 4
      

      3 Phân bố và Đa dạng

   3. Heading level 1
      Heading level 3
      Heading level 4
      

      3 Sự tiến hóa

      1. Heading level 1
         Heading level 3
         Heading level 4
         

         6 Hậu Cổ Sinh

      2. Heading level 1
         Heading level 3
         Heading level 4
         

         6 Kỷ Jura

      3. Heading level 1
         Heading level 3
         Heading level 4
         

         6 Kỷ Phấn trắng

      4. Heading level 1
         Heading level 3
         Heading level 4
         

         6 Kainozoi

   4. Heading level 1
      Heading level 3
      Heading level 4
      

      3 Hình thái bên ngoài

      1. Heading level 1
         Heading level 3
         Heading level 4
         

         6 Đầu

         1. Heading level 1
            Heading level 2
            Heading level 3
            

            2 Miệng

      2. Heading level 1
         Heading level 3
         Heading level 4
         

         6 Ngực

         1. Heading level 1
            Heading level 2
            Heading level 3
            

            2 Prongorax

         2. Heading level 1
            Heading level 2
            Heading level 3
            

            2 Pterothorax

      3. Heading level 1
         Heading level 3
         Heading level 4
         

         6 Chân

      4. Heading level 1
         Heading level 3
         Heading level 4
         

         6 Cánh

      5. Heading level 1
         Heading level 3
         Heading level 4
         

         6 Bụng

Khi các tiêu đề được lồng vào nhau, các cấp độ tiêu đề có thể bị "bỏ qua" khi đóng một tiểu mục

• Tiêu đề • Cấu trúc trang • Hướng dẫn truy cập web WAI
• Hiểu Tiêu chí Thành công 1. 3. 1. W3C Hiểu WCAG 2. 0
• Hiểu Tiêu chí Thành công 2. 4. 1. W3C Hiểu WCAG 2. 0
• Hiểu Tiêu chí Thành công 2. 4. 6. W3C Hiểu WCAG 2. 0
• Hiểu Tiêu chí Thành công 2. 4. 10. W3C Hiểu WCAG 2. 0

Một kỹ thuật điều hướng phổ biến khác dành cho người dùng phần mềm đọc màn hình là tạo danh sách và sử dụng danh sách đó để xác định bố cục của trang.

Nội dung của phần có thể được gắn nhãn bằng cách sử dụng kết hợp

Heading level 1
Heading level 2
Heading level 3

9 và các thuộc tính, với nhãn mô tả chính xác mục đích của phần. Kỹ thuật này hữu ích cho các trường hợp có nhiều thành phần phân đoạn trên cùng một trang

Thí dụ

  
    Primary navigation
    
  





  
    Footer navigation
    
  

Trong ví dụ này, công nghệ đọc màn hình sẽ thông báo rằng có hai phần

  
    Primary navigation
    
  





  
    Footer navigation
    
  

1, một phần có tên là "Điều hướng chính" và một phần có tên là "Điều hướng chân trang". Nếu nhãn không được cung cấp, người sử dụng phần mềm đọc màn hình có thể phải điều tra nội dung của từng thành phần

  
    Primary navigation
    
  





  
    Footer navigation
    
  

2 để xác định mục đích của chúng