Thẻ s trong HTML
Bùi Tấn Lực
- 971
- 30/09/2025
Chức năng của Thẻ s trong HTML
Thẻ s trong HTML dùng để gạch ngang các văn bản, con số đã cũ hoặc không còn dùng nữa, thẻ này sử dụng css mặc định text-decoration là line-through.
Cú pháp của Thẻ s trong HTML
<s>vanbancangachngang</s>
vanbancangachngang: Văn bản cần gạch ngang.
Code Thẻ s trong HTML
<p>Giá thiết kế website gói cơ bản lúc trước là <s>7.000.000 VNĐ</s>, giờ chỉ còn 6.000.000 VNĐ</p>
Khi nào nên dùng thẻ s trong HTML?
Thẻ s phù hợp khi cần hiển thị một nội dung không còn chính xác hoặc không còn được áp dụng nhưng vẫn muốn giữ lại để người đọc tham khảo. Việc sử dụng đúng ngữ nghĩa giúp tài liệu rõ ràng hơn, đồng thời hỗ trợ các công cụ tìm kiếm và trình đọc màn hình hiểu được mục đích của đoạn văn bản.
Những trường hợp nên sử dụng thẻ s
Thẻ s nên được dùng trong các tình huống mà thông tin chỉ mang tính chất đã hết hiệu lực, không còn đúng ở thời điểm hiện tại nhưng vẫn cần xuất hiện trên trang.
- Đánh dấu giá cũ sau khi sản phẩm được giảm giá.
- Hiển thị chương trình khuyến mãi đã kết thúc.
- Đánh dấu thời gian, lịch trình hoặc thông báo không còn áp dụng.
- Giữ lại thông tin cũ để người đọc theo dõi sự thay đổi.
<p>
Giá cũ: <s>2.500.000đ</s>
</p>
Khi nào không nên dùng thẻ s
Không phải mọi văn bản có gạch ngang đều nên sử dụng thẻ s. Nếu mục đích là thể hiện nội dung đã bị chỉnh sửa, xóa bỏ hoặc thay thế trong tài liệu thì nên chọn phần tử phù hợp hơn để đảm bảo đúng ý nghĩa.
- Không dùng để tạo hiệu ứng trang trí.
- Không dùng thay cho CSS khi chỉ muốn thay đổi giao diện.
- Không dùng để biểu thị nội dung đã bị xóa trong quá trình chỉnh sửa tài liệu.
- Không lạm dụng trong các đoạn văn dài vì có thể làm giảm khả năng đọc.
Phân biệt thẻ s với thẻ del và thẻ strike
Mặc dù đều có thể tạo hiệu ứng gạch ngang, ba phần tử này phục vụ các mục đích khác nhau. Hiểu rõ sự khác biệt sẽ giúp lựa chọn đúng trong từng trường hợp.
| Tiêu chí | s | del | strike |
|---|---|---|---|
| Ý nghĩa | Nội dung không còn chính xác hoặc không còn phù hợp. | Nội dung đã bị xóa hoặc thay thế trong tài liệu. | Phần tử cũ, không còn được khuyến nghị sử dụng. |
| Ngữ nghĩa HTML | Có. | Có. | Không. |
| Khuyến nghị sử dụng | Nên dùng khi thông tin hết hiệu lực. | Nên dùng khi theo dõi thay đổi nội dung. | Không nên dùng trong các dự án mới. |
Trong các dự án hiện đại, s và del đều là những lựa chọn phù hợp nếu được sử dụng đúng ngữ nghĩa. Riêng strike chỉ còn mang tính tương thích với các tài liệu cũ và không nên xuất hiện trong mã HTML mới.
Lời kết
Cảm ơn các bạn đã tham khảo bài viết Thẻ s trong HTML.
- 0 Bình luận
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *