Thẻ strike trong HTML

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

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

Thẻ strike trong HTML được dùng để gạch ngang các chữ nằm trong thẻ, thường dùng để phân biệt giá cũ và giá mới, cũng có thể dùng để gạch ngang những từ đã cũ hoặc tùy theo mục đích của người dùng.

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

<strike>cacchu</strike>

cacchu: Các chữ.

Thẻ strike bao quanh các chữ để gạch ngang các chữ đó.

Ví dụ thực tế Thẻ strike trong HTML

<p>Giá cũ <strike>5.000.000đ</strike></p>

Chạy Thử

Khi nào nên dùng thẻ strike và khi nào nên thay thế?

Trong quá trình học hoặc bảo trì website, bạn vẫn có thể bắt gặp strike trong những đoạn mã HTML cũ. Tuy nhiên, đối với các dự án mới, việc tiếp tục sử dụng phần tử này không còn được khuyến khích. Hiểu rõ thời điểm nên giữ lại và khi nào cần thay thế sẽ giúp mã nguồn dễ bảo trì, tương thích tốt hơn với các trình duyệt và đúng theo tiêu chuẩn HTML hiện đại.

Trường hợp vẫn có thể bắt gặp trong mã nguồn cũ

Strike thường xuất hiện ở những website được phát triển từ nhiều năm trước hoặc các dự án chưa được cập nhật theo chuẩn HTML5. Trong những trường hợp này, bạn không nhất thiết phải xóa ngay nếu việc chỉnh sửa có thể ảnh hưởng đến giao diện hoặc chức năng hiện có. Tuy nhiên, khi nâng cấp hệ thống, nên thay thế dần bằng các phần tử phù hợp hơn.

Một số tình huống phổ biến gồm:

• Bảo trì website sử dụng mã HTML cũ.
• Đọc tài liệu hoặc ví dụ được viết trước khi HTML5 ra đời.
• Chỉnh sửa giao diện kế thừa từ các dự án cũ.

Vì sao không nên sử dụng trong website mới?

Strike chỉ tạo hiệu ứng gạch ngang mà không mang ý nghĩa rõ ràng về mặt ngữ nghĩa. Điều này khiến trình duyệt, công cụ hỗ trợ người dùng và các công nghệ đọc nội dung khó hiểu được mục đích thực sự của đoạn văn bản. Vì vậy, khi xây dựng website mới, việc sử dụng các phần tử HTML có ý nghĩa cụ thể sẽ giúp mã nguồn rõ ràng và dễ bảo trì hơn.

Ngoài ra, việc tuân thủ tiêu chuẩn HTML hiện hành còn mang lại nhiều lợi ích như:

• Tăng khả năng tương thích với các trình duyệt hiện đại.
• Giúp cấu trúc tài liệu rõ ràng và dễ mở rộng.
• Hỗ trợ tốt hơn cho các công cụ đọc màn hình.
• Thuận tiện khi nhiều lập trình viên cùng phát triển dự án.

Nên thay thế bằng phần tử nào?

Tùy vào mục đích hiển thị, bạn nên lựa chọn phần tử phù hợp thay cho strike:

Ví dụ thay thế strike bằng phần tử phù hợp:

<p>Giá cũ: <s>1.200.000đ</s></p>
<p>Giá mới: 990.000đ</p>

<p>Đoạn văn đã chỉnh sửa: <del>Nội dung cũ</del></p>

Việc lựa chọn đúng phần tử không chỉ giúp giao diện hiển thị chính xác mà còn thể hiện rõ ý nghĩa của nội dung trong tài liệu HTML. Đây là cách viết mã được khuyến khích khi phát triển website hiện đại.

Lời kết

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