Cập nhật ·
Trong HTML, chữ đậm và nghiêng không chỉ là vấn đề về kiểu chữ mà còn mang ý nghĩa ngữ nghĩa (semantic). Việc chọn đúng thẻ giúp nội dung dễ đọc hơn, hỗ trợ SEO, và cải thiện khả năng truy cập (Accessibility) cho người dùng sử dụng trình đọc màn hình.
Thẻ strong và thẻ b
- Giống nhau: Cả
<b>và<strong>đều hiển thị chữ in đậm. - Khác nhau về ngữ nghĩa:
<b>: Dùng khi muốn làm nổi bật một phần văn bản mà không mang nghĩa quan trọng.<strong>: Dùng để nhấn mạnh mức độ quan trọng, khẩn cấp, nghiêm trọng của nội dung.
Ví dụ:
.
<p><b>Tin mới:</b> Cửa hàng mở cửa đến 22h mỗi ngày.</p>
<p><strong>Lưu ý quan trọng:</strong> Hãy đổi mật khẩu trước ngày 30/9.</p>
Thẻ strong trong tiêu đề
- Khi tiêu đề chứa từ khóa quan trọng, bạn có thể dùng
<strong>để:- Nhấn mạnh ngữ nghĩa
- Dễ dàng chọn lọc CSS
- Nếu chỉ để trang trí (styles), ưu tiên dùng CSS hơn là
<strong>. - Nên ưu tiên ngữ nghĩa trước, vì CSS có thể tách riêng.
Ví dụ:
.
<h1>Cách dễ nhất để học <strong>HTML</strong> và <strong>CSS</strong> cho người mới</h1>
Thẻ em và thẻ i
- Giống nhau: Cả
<em>và<i>đều hiển thị chữ in nghiêng. - Khác nhau về ngữ nghĩa:
<i>: Dùng cho thuật ngữ, tên tác phẩm, tên khoa học, từ ngoại ngữ, hoặc phần văn bản mang tính phụ chú.<em>: Dùng để nhấn mạnh nội dung (trọng âm) – có tác dụng với trình đọc màn hình.
- Gợi ý thực tế:
- Muốn in nghiêng thuần túy: dùng
<i>hoặc CSS. - Muốn nhấn mạnh: dùng
<em>.
- Muốn in nghiêng thuần túy: dùng
Ví dụ:
.
<p>Tác phẩm <i>Truyện Kiều</i> là kiệt tác văn học Việt Nam.</p>
<p>Bạn <em>phải</em> hoàn thành bài tập này trước ngày mai.</p>
Kết luận
<b>: Chỉ làm chữ đậm để nhấn thị giác, không mang nghĩa quan trọng.<strong>: Dùng cho chữ đậm có ngữ nghĩa quan trọng, khẩn cấp.<i>: Dùng cho chữ nghiêng biểu thị thuật ngữ, tên tác phẩm, từ ngoại ngữ….<em>: Dùng cho chữ nghiêng nhấn mạnh trọng âm, ý nghĩa.
Lưu ý: Nếu chỉ muốn thay đổi kiểu chữ mà không mang ý nghĩa đặc biệt, hãy dùng CSS thay vì lạm dụng thẻ HTML.