Sau một thời gian mù mờ về thẻ Heading (H1,H2,…,H6). Vào một ngày đẹp trời, sau khi nói chuyện với TA & D mới nhận ra được cách dùng các thẻ này :). Trước giờ vẫn dùng style để định dạng (cho đẹp) nhưng giờ thì sẽ dùng nó với 1 ý nghĩa khác.

Sau khi dạo 1 vòng, Bạn Bảo tìm ra trang này có vài lời khuyên về dùng các thẻ Heading cũng khá ổn. Collect từ các nguồn khác mình có các guideline

  • Việc dùng các thẻ Heading Tags sẽ tăng tính “Sematic” cho website và cả “Accesability”.
  • Dùng Heading Tags là một phương pháp tăng tính search-engine friendly của site bạn
  • Chỉ dùng duy nhất 1 thẻ H1 trong 1 trang HTML
  • Luôn đi thứ tự từ H1->H6
  • Về định dạng thẻ có các suggest sau:
    • Dùng font in đậm và to hơn font thường để phân biệt với nội dung khác
    • Font size nhỏ dầnừ H1->H6
    • Các thẻ Heading nên thể hiện dạng block

Công dụng các các tee3 theo suggest của các site:

  • Thẻ H1 dùng cho tiêu đề của trang (Page Heading/Title). Và thẻ H1 cũng đóng vai trò khá quan trọng trong SEO vì các Web Spider dùng thẻ H1 để phần nào nhận thông tin web.
  • Thẻ H2 dùng để phân mục lớn trong trang (Page Subheading).
  • Thẻ H3 dùng đê phân đoạn trong một chủ đề (Section heading)
  • Thẻ H4 dùng để chia nhỏ các chủ đề thành các chủ đề con (Section Subheading)
  • Thẻ H5 dùng để chia nhỏ các chủ đề thành các mục con (mini-section)
  • Thẻ H6 dùng để chia nhỏ tiếp các mục con thành các mục nhỏ hơn (minor-section)

Một ví dụ cho bà con dễ hiểu hơn :)

<h1>The Universe
<h2>The Milky Way Galaxy</h2>
<h3>Our Local Group of Stars<<h3>
<h4>Our Solar System</h4>
<h5>Earth</h5>
<h6>North America</h6>

BB