HTML Headings là gì?
HTML Heading (tiêu đề) được sử dụng để hiển thị tiêu đề hay phụ đề trong HTML.
HTML Heading bao gồm các thẻ từ <h1> đến <h6>.
Thẻ <h1> sẽ được dùng ở tiêu đề quan trọng nhất, trong khi thẻ <h6> được dùng cho những tiêu đề ít quan trọng hơn.
Ví dụ:
<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>
Tại sao HTML Headings lại quan trọng?
Các search engines (công cụ tìm kiếm) sử dụng tiêu đề để lập chỉ mục và nội dung trang web của bạn.
Người dùng thường sẽ có thói quen lướt các trang theo tiêu đề. Vì thế HTML Headings sẽ giúp người dùng theo dõi cấu trúc của một trang web.
Thẻ h1 nên chỉ được sử dụng một lần cho tiêu đề quan trọng nhất, kế đến là các thẻ h2, h3,... cho các tiêu đề ít quan trọng hơn.
Thay đổi kích thước cho HTML Headings
Mặc định mỗi HTML Heading sẽ có kích thước cố định. Tuy nhiên ta có thể thay đổi nó bằng cách sử dụng attribute style và dùng thuộc tính CSS font-size:
Ví dụ:
<h1 style="font-size:60px;">Tiêu đề 1</h1>