Thursday, July 11, 2013

Thẻ H1 tới thẻ H6 trong HTML - từ vua quan cho đến thứ dân

Thẻ h1, h2, h3, h4, h5 và h6

Các thẻ từ h1, h2 cho đến h6 dùng để định nghĩa các tiêu đề, h1 dùng cho tiêu đề quan trọng nhất, h2 dùng cho tiêu đề quan trọng thứ hai, cho đến h6 dùng cho tiêu đề ít quan trọng nhất.

Dưới đây là đoạn code được chụp từ một bài viết từ trang Vnexpress:

Thẻ h ứng dụng trong thực tế

Bạn có thế thấy tên của bài viết được sử dụng thẻ h1, đoạn xem trước nội dung sử dụng thẻ h2 ít quan trọng hơn.

Cách sử dụng thẻ tiêu đề h rất đơn giản, đây là code mẫu:

<h1>Tiêu đề 1</h1>
<h2>Tiêu đề 2</h2>
<h3>Tiêu đề 3</h3>
<h4>Tiêu đề 4</h4>
<h5>Tiêu đề 5</h5>
<h6>Tiêu đề 6</h6>

Đoạn ở trên sẽ hiển thị ra ngoài trình duyệt thế này:

Các thẻ h1 đến h6

Bạn có thể thấy tiêu đề h quan trọng hơn theo mặc định của trình duyệt sẽ có kích cỡ lớn hơn và tất cả các thẻ h đều được bôi đậm. Nếu muốn điều chỉnh style của thẻ h, ta thực hiện trong CSS.

Mục đích của các thẻ tiêu đề h là làm cho trang web của bạn có cấu trúc dễ quan sát với máy tìm kiếm, thông báo cho nó biết đâu là cái quan trọng, và cái nào là quan trọng hơn. Trong SEO người ta rất chú ý đến thẻ tiêu đề h1.

Tất nhiên bạn chỉ nên dùng thẻ tiêu đề với phần văn bản là tiêu đề, không nên dùng nó để làm chữ đậm hoặc to trong văn bản thông thường, văn bản thông thường nằm trong thẻ p, và để bôi đậm chữ ta dùng thẻ b hoặc thẻ strong.

Thông tin cuối cùng: h là viết tắt của từ heading.

No comments:

Post a Comment