• cấp khối
• không dùng nữa

Thuộc tính align của phần tử Hn chỉ định căn chỉnh văn bản theo chiều ngang của tiêu đề.

heading

AttributeValueExplanation align=" "left căn sang trái centeraligns to the centerrightaligns to the right

Việc sử dụng thuộc tính này không được dùng nữa. [Sử dụng CSS để thay thế]

• Các phần tử và thuộc tính không dùng nữa

Ví dụ

Aligns to the left
Aligns to the center
Aligns to the right

Căn chỉnh vào trung tâm

Căn bên phải

Thử nó

Danh mục nội dung Nội dung dòng chảy, nội dung tiêu đề, nội dung có thể sờ thấy. nội dung được phép nội dung cụm từ. 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 nội dung luồng. Vai trò ARIA ngầm ẩn Vai trò ARIA được phép

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

Thuộc tính

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

ghi chú sử dụng

• 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ừ

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

  4, 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.

Tránh sử dụng nhiều phần tử

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

4 trên một trang

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

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

Ghi chú. Việc lồng nhiều phần tử

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

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

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

ví dụ

Tất cả các tiêu đề

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

________số 8

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

trang ví dụ

Đ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ối quan tâm về khả năng tiếp cận

dẫn đường

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

Aligns to the left
Aligns to the center
Aligns to the right

Làm

Aligns to the left
Aligns to the center
Aligns to the right

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. 
   Aligns to the left
   Aligns to the center
   Aligns to the right
   
   

   02 Bọ cánh cứng

   1. 
      Aligns to the left
      Aligns to the center
      Aligns to the right
      
      

      03 Từ nguyên học

   2. 
      Aligns to the left
      Aligns to the center
      Aligns to the right
      
      

      03 Phân phối và đa dạng

   3. 
      Aligns to the left
      Aligns to the center
      Aligns to the right
      
      

      03 Tiến hóa

      1. 
         Aligns to the left
         Aligns to the center
         Aligns to the right
         
         

         06 Hậu Cổ Sinh

      2. 
         Aligns to the left
         Aligns to the center
         Aligns to the right
         
         

         06 Kỷ Jura

      3. 
         Aligns to the left
         Aligns to the center
         Aligns to the right
         
         

         06 Kỷ Phấn trắng

      4. 
         Aligns to the left
         Aligns to the center
         Aligns to the right
         
         

         06 Kainozoi

   4. 
      Aligns to the left
      Aligns to the center
      Aligns to the right
      
      

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

      1. 
         Aligns to the left
         Aligns to the center
         Aligns to the right
         
         

         06 Đầu

         1. 
            Aligns to the left
            Aligns to the center
            Aligns to the right
            
            

            12 Miệng

      2. 
         Aligns to the left
         Aligns to the center
         Aligns to the right
         
         

         06 Ngực

         1. 
            Aligns to the left
            Aligns to the center
            Aligns to the right
            
            

            12 Đầu ngực

         2. 
            Aligns to the left
            Aligns to the center
            Aligns to the right
            
            

            12 Pterothorax

      3. 
         Aligns to the left
         Aligns to the center
         Aligns to the right
         
         

         06 Chân

      4. 
         Aligns to the left
         Aligns to the center
         Aligns to the right
         
         

         06 Cánh

      5. 
         Aligns to the left
         Aligns to the center
         Aligns to the right
         
         

         06 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
• MDN Hiểu về WCAG, Hướng dẫn 1. 3 lời giải thích
• Hiểu Tiêu chí Thành công 1. 3. 1. W3C Hiểu WCAG 2. 0
• MDN Hiểu về WCAG, Hướng dẫn 2. 4 lời giải thích
• 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

Ghi nhãn nội dung phần

Một kỹ thuật điều hướng phổ biến khác cho người dùng phần mềm đọc màn hình là tạo danh sách nội dung phân đoạn và sử dụng nó để 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 các thuộc tính

Aligns to the left
Aligns to the center
Aligns to the right

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

Ví dụ

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

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

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

Heading elements
Summary
Some text here…

Examples
Example 1
Some text here…

Example 2
Some text here…

See also
Some text here…

H1 trong HTML là gì?

Căn lề trong HTML là gì?

Thuộc tính trong h1 Align Center là gì?

Thẻ h1 chính xác để căn phải là gì?