Thẻ b trong HTML

• Trần Thị Vân
• 1544
• 07/07/2025

Chức năng của Thẻ b trong HTML

Thẻ b trong HTML dùng để bôi đậm chữ trong một đoạn văn, những chữ nào nằm trong thẻ b sẽ được in đậm, giúp làm nổi bật những từ khóa mà độc giả muốn người dùng nhìn thấy.

Cú pháp của Thẻ b trong HTML

<b>vanban</b>

vanban: Văn bản cần in đậm.

Thẻ b bao quanh văn bản cần in đậm.

Ví dụ thực tế về thẻ b

<p>Web Mới là công ty thiết kế web chuyên nghiệp uy tín có <b>trụ sở chính tại Tp HCM</b>. Chúng tôi thiết kế web chuẩn SEO, chuẩn di động. Áp dụng những công nghệ tiên tiến nhất hiện nay để thiết kế website như HTML5, CSS3... Thiết kế website code tay PHP theo yêu cầu giao diện, chức năng...</p>

Chạy Thử

Những sai lầm thường gặp khi sử dụng thẻ b trong thực tế

Thẻ b rất đơn giản nhưng vẫn thường bị sử dụng sai mục đích. Việc hiểu rõ những lỗi phổ biến sẽ giúp bạn viết HTML đúng chuẩn, dễ bảo trì và mang lại trải nghiệm tốt hơn cho người dùng cũng như các công cụ tìm kiếm.

Nhầm lẫn giữa thẻ b và strong

Đây là lỗi phổ biến nhất của người mới học HTML. Thẻ b chỉ có nhiệm vụ làm nổi bật văn bản về mặt hiển thị, trong khi strong thể hiện rằng nội dung có tầm quan trọng cao hơn. Nếu thông tin cần được nhấn mạnh về ý nghĩa, hãy ưu tiên sử dụng strong thay vì b.

In đậm quá nhiều nội dung trên một trang

Khi quá nhiều câu hoặc đoạn văn đều được in đậm, người đọc sẽ khó xác định đâu là thông tin quan trọng. Thẻ b nên được sử dụng có chọn lọc để tạo điểm nhấn, giúp nội dung rõ ràng và dễ theo dõi hơn.

Dùng thẻ b thay cho CSS để định dạng toàn bộ giao diện

Không nên sử dụng thẻ b chỉ để tạo kiểu chữ đậm cho hàng loạt thành phần trên website. Trong những trường hợp cần kiểm soát giao diện, CSS với thuộc tính font-weight sẽ là lựa chọn phù hợp hơn vì giúp tách riêng phần cấu trúc và phần trình bày.

<p class="highlight">Nội dung cần in đậm.</p>

.highlight {
    font-weight: bold;
}

Bỏ qua khả năng tiếp cận của nội dung

Nếu mục tiêu là truyền tải tầm quan trọng của một thông tin, việc chỉ sử dụng b có thể khiến các công nghệ hỗ trợ như trình đọc màn hình không hiểu đúng ý nghĩa. Hãy lựa chọn đúng phần tử HTML theo ngữ nghĩa để tăng khả năng tiếp cận và cải thiện chất lượng tài liệu.

Không kết hợp hợp lý với các phần tử khác

Thẻ b chỉ nên đóng vai trò hỗ trợ làm nổi bật văn bản. Không nên lồng ghép hoặc sử dụng nó để thay thế các phần tử có mục đích riêng như tiêu đề, liên kết hay danh sách. Việc sử dụng đúng chức năng của từng phần tử sẽ giúp mã HTML rõ ràng, dễ bảo trì và đáp ứng tốt các tiêu chuẩn hiện đại.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thẻ b trong HTML.