Tiêu đề trong HTML

1. Tiêu đề là gì?

Tiêu đề được hiểu là tên của một tài liệu, khi người đọc thấy phần tiêu đề là có thể hiểu được nội dung tài liệu đó đang đề cập đến vấn đề gì. Tiêu đề bắt buộc là phải có đối với một tài liệu HTML.

2. Mức độ quan trọng của tiêu đề trong HTML

Tiêu đề trong HTML là rất rất quan trọng. Đối với người đọc thì tiêu đề giúp họ hiểu được nội dung đang đề cập đến vấn đề gì, nắm được cấu trúc của một trang Web hoặc dàn ý của một bài viết. Đối với những người làm Web, người viết bài thì nó giúp tối ưu SEO cho trang Web, cho bài viết. 

Nguyên lý hoạt động của các công cụ tìm kiếm (Google, Coccoc, .....) là chúng sẽ duyệt theo tiêu đề rồi mới đến nội dung, kết quả nào trùng khớp với nội dung mà người tìm gõ vào thanh tìm kiếm nhất thì sẽ được hiện lên trước, các kết quả nào gần giống thì hiện sau.

3. Cách xác định tiêu đề trong HTML

- Để xác định tiêu đề trong HTML thì chúng ta dùng thẻ từ <h1> đến <h6> để đánh dấu. <h1> là thẻ quan trọng nhất, theo thứ tự các thẻ sau sẽ ít quan trọng hơn, cuối cùng thẻ <h6> là ít quan trọng nhất.
Trình duyệt sẽ tự động thêm khoảng trắng phía trên và dưới tiêu đề (đây chính là lề)

Ví dụ: 

<h1>Ship hàng Việt Trung</h1>
<h2>Hướng dẫn đặt hàng</h2>
<h3>Cách thanh toán</h3>
<h4>Ví dụ tiêu đề 1</h4>
<h5>Ví dụ tiêu đề 2</h5>
<h6>Ví dụ tiêu đề 3</h6>

Lưu ý: Nên dùng tiêu đề HTML để hiển thị tiêu đề, tối ưu SEO cho trang Web chứ không nên dùng vì mục đích làm cho văn bản hiện lớn hơn hay đậm hơn.

- Mỗi tiêu đề trong HTML đều có màu đen và có một kích thước mặc định nhưng bạn hoàn toàn có thể thay đổi các thuộc tính đó. 

Ví dụ: 

<h2 style="font-size: 30px; color: rgb(29, 202, 29)">Hướng dẫn đặt hàng</h2>

- Để tạo đường kẻ ngang ngăn cách chúng ta dùng thẻ <hr>, thẻ này giúp chúng ta chia nội dung của một trang web được rõ ràng hơn. Thẻ này thường được dùng để ngăn cách phần tiêu đề lớn với phần bên dưới.

Ví dụ: 

<h2 style="font-size: 30px; color: rgb(29, 202, 29)">Hướng dẫn đặt hàng</h2> 
<hr>
<h3>Ví dụ tiêu đề 1</h3>
<p>Nội dung văn bản 1</p> 

Kết quả: 

Lời kết: Vì tiêu đề rất quan trọng trọng việc tối ưu SEO cho một trang Web, vậy nên bạn hãy tính toán để sắp xếp các thẻ tiêu đề cho phù hợp.