💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!

Cập nhật: 2025年3月1日

Thẻ strong và em

📌

Kết luận

Dùng <strong> để nhấn mạnh mạnh mẽ, <em> để nhấn mạnh nhẹ nhàng

Khi muốn nhấn mạnh một phần của văn bản, trong HTML chúng ta sử dụng các thẻ có ý nghĩa ngữ nghĩa.
📝 Mã thực tế tại đây
<p>Điều này rất <strong>quan trọng</strong> và cần được <em>lưu ý</em>.</p>

Sự khác biệt giữa strong và em

ThẻHiển thịÝ nghĩaTrường hợp dùng
<strong>**Chữ đậm**Nhấn mạnh mạnh (quan trọng)Cảnh báo, mục quan trọng
<em>*Chữ nghiêng*Nhấn mạnh nhẹSắc thái, bổ sung
Có thể bạn nghĩ: "Nếu hiển thị giống nhau thì dùng CSS là được rồi?". Nhưng những thẻ này mang "ý nghĩa". Các phần mềm đọc màn hình sẽ đọc thẻ <strong> với giọng mạnh hơn và thẻ <em> với giọng nhấn mạnh hơn. Các công cụ tìm kiếm cũng nhận diện đây là những thông tin quan trọng.

Khác biệt với thẻ b và i

Thẻ <b> làm chữ đậm, thẻ <i> làm chữ nghiêng nhưng chúng chỉ đơn thuần là "vẻ bề ngoài" và không có ý nghĩa ngữ nghĩa. Trong HTML hiện đại, bạn nên sử dụng <strong><em>.

Tổng kết

- <strong> = Nhấn mạnh quan trọng (Chữ đậm) - <em> = Nhấn mạnh nhẹ (Chữ nghiêng) - Lựa chọn thẻ dựa trên "ý nghĩa", không dựa trên vẻ ngoài

Hãy thử trong phần bài tập

Hãy bao quanh từ "Quan trọng" bằng thẻ strong và từ "Nhấn mạnh" bằng thẻ em nhé.

🧪 Thử nghiệm tại đây

Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.

Thử ngay

■ Bài tập thực hành

Bao quanh từ 'Quan trọng' bằng thẻ strong và từ 'Nhấn mạnh' bằng thẻ em.

Gợi ý khi gặp khó khăn

strong làm chữ đậm, em làm chữ nghiêng.

10pt

Thẻ strong và em

Bao quanh từ 'Quan trọng' bằng thẻ strong và từ 'Nhấn mạnh' bằng thẻ em.

Nhấp vào lỗi để đánh dấu dòng. ✕=lỗi ⚠=cảnh báo ›=log.

Lộ trình học · Toàn bộ bài giảng