💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!
Cập nhật: 2025年3月1日
Phân cấp tiêu đề
📌
Kết luận
Sử dụng từ <h1> đến <h6> để phân cấp nội dung
📝 Mã thực tế tại đây
<h1>Tiêu đề chính</h1>
<h2>Tiêu đề mục lớn</h2>
<h3>Tiêu đề mục nhỏ</h3>Cấp độ của các thẻ tiêu đề
Số đi kèm sau chữh càng nhỏ thì tiêu đề càng quan trọng và thường có kích thước hiển thị càng lớn.
| Thẻ | Tầm quan trọng | Ví dụ sử dụng |
|---|---|---|
<h1> | Cao nhất | Tên trang web hoặc tên bài viết chính |
<h2> | Cao | Tên các phần lớn trong bài viết |
<h3> | Trung bình | Các ý nhỏ bên trong phần lớn |
<h4> ~ <h6> | Thấp | Dùng cho các phân mục sâu hơn |
Quy tắc "Mỗi trang một h1"
Mặc dù bạn có thể dùng bao nhiêu thẻ<h1> tùy thích, nhưng để tốt cho SEO (tối ưu hóa công cụ tìm kiếm) và giúp người dùng dễ hiểu, quy tắc vàng là **chỉ nên có duy nhất một thẻ <h1> trên mỗi trang**.
Không nên chọn thẻ dựa trên kích thước
Đừng dùng<h3> thay vì <h2> chỉ vì bạn thấy <h3> có cỡ chữ vừa mắt hơn. Hãy chọn thẻ dựa trên **ý nghĩa cấu trúc** của nội dung. Nếu muốn thay đổi kích thước, chúng ta sẽ dùng CSS (ngôn ngữ định dạng) sau này.
Tổng kết
- Có 6 cấp độ tiêu đề từ<h1> đến <h6>
- Mỗi trang chỉ nên có một thẻ <h1> duy nhất
- Chọn thẻ dựa trên cấu trúc nội dung, không dựa trên kích thước chữ
Hãy thử trong phần bài tập
Hãy thử tạo 3 tiêu đề h1, h2 và h3 theo đúng thứ tự phân cấp nhé.🧪 Thử nghiệm tại đây
Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.
■ Bài tập thực hành
Hãy tạo 3 tiêu đề h1, h2, h3 theo đúng thứ tự phân cấp với chủ đề bất kỳ (ví dụ: Trang của tôi, Phim yêu thích, v.v.).
Gợi ý khi gặp khó khăn
h1 là lớn nhất, sau đó nhỏ dần đến h2 và h3.