Định Dạng Văn Bản HTML: In Đậm, In Nghiêng, Gạch Dưới

HTML cung cấp nhiều cách nhấn mạnh văn bản: in đậm, nghiêng, gạch dưới. Hiểu rõ ngữ nghĩa (semantic) để mã truy cập (accessible).

In Đậm (Bold)

Trước HTML5: <b> (chỉ thị trình bày). HTML5 khuyến nghị <strong> (ngữ nghĩa "mạnh").

<p>Văn bản <strong>quan trọng</strong></p>

Khác biệt: Screen reader sẽ nhấn mạnh giọng đọc với <strong>, còn <b> thì không.

In Nghiêng (Italics)

Trước HTML5: <i>. HTML5: <em> (emphasis - nhấn mạnh).

<p>Văn bản <em>được nhấn mạnh</em></p>

Screen reader cũng nhấn mạnh giọng đọc với <em>.

Gạch Dưới (Underline)

Thường dùng chỉ từ viết sai chính tả. Không dùng cho liên kết (dễ nhầm lẫn). Dùng <u> kết hợp CSS tùy chỉnh:

<style>
  p u { text-decoration: underline red wavy; }
</style>
<p>Từ <u>sai chính tả</u> </p>

Kết Luận

• <strong> & <em>: ngữ nghĩa, hỗ trợ truy cập.
• <b> & <i>: chỉ trình bày, không ngữ nghĩa.
• <u>: gạch dưới, kết hợp CSS cho phong cách (đỏ, gạch ngang, sóng...).

Chọn thẻ đúng ngữ cảnh để mã vừa đẹp, vừa chuẩn.