Thẻ tiờu đề (đừng nhầm với thẻ <head> HTML hoặc tiờu đề HTTP) được sử dụng để trỡnh bày cấu trỳc trang đến người dựng. Cú sỏu kớch thước của thẻ tiờu đề, bắt đầu là <h1>, quan trọng nhất và kết thỳc là <h6>, ớt quan trọng nhất.
Trờn trang chứa mẩu tin, Chỳng ta cú thể đặt tờn trang web của mỡnh vào thẻ <h1> và chủ đề của nội dung vào thẻ <h2>.
Vỡ thụng thường, cỏc thẻ tiờu đề khiến cho phần văn bản được chứa trong chỳng lớn hơn phần văn bản bỡnh thường trờn trang, đõy là dấu hiệu trực quan cho người dựng biết rằng phần văn bản này quan trọng và cú thể giỳp họ hiểu mức độ nào đú về loại nội dung bờn dưới phần tiờu đề.
Nhiều kớch thước tiờu đề được sử dụng để tạo ra cấu trỳc phõn cấp cho nội dung của website giỳp người dựng dễ dàng điều hướng xuyờn suốt nội dung của website.
Cỏc nguyờn tắc hữu ớch dành cho thẻ tiờu đề
• Tưởng tượng ta đang viết đề cương - Tương tự việc viết đề cương cho một tờ bỏo lớn, hóy nghĩ về điểm chớnh và điểm phụ của nội dung trờn trang và quyết
định nơi sử dụng cỏc thẻ tiờu đề một cỏch thớch hợp. Trỏnh:
• Đặt phần văn bản trong cỏc thẻ tiờu đề khụng giỳp ớch cho việc xỏc định cấu trỳc trang.
• Sử dụng thẻ tiờu đề tại nơi cỏc thẻ khỏc như <em> và <strong> cú thể thớch hợp hơn.
• Chuyển từ kớch thước thẻ tiờu đề này thành kớch thước thẻ tiờu đề khỏc một cỏch tuỳ tiện.
• Sử dụng cỏc tiờu đề một cỏch tiết kiệm trờn toàn trang - Sử dụng thẻ tiờu đề ở nơi chỳng cú ý nghĩa. Quỏ nhiều thẻ tiờu đề trờn trang cú thể khiến người dựng khú khăn khi xem lướt nội dung và xỏc định đõu là nơi chủ đề kết thỳc và chủ đề khỏc bắt đầu.
Trỏnh:
• Sử dụng quỏ nhiều thẻ tiờu đề xuyờn suốt trang. • Đặt tất cả phần văn bản của trang vào thẻ tiờu đề.
• Chỉ sử dụng thẻ tiờu đề để tạo kiểu cho văn bản chứ khụng trỡnh bày cấu trỳc.