Thẻ ins trong HTML
Bùi Tấn Lực - 836
- 27/09/2025
Chức năng của Thẻ ins trong HTML
Thẻ ins trong HTML dùng để chỉ ra văn bản vừa thêm vào để thay thế cho văn bản vừa bị xóa bằng cách css mặc định text-decoration bằng underline gạch dưới chữ, thẻ này thường kết hợp thẻ del để chỉ ra văn bản vừa bị xóa.
Cú pháp của Thẻ ins trong HTML
<ins>vanbangachduoi</ins>
vanbangachduoi: Văn bản gạch dưới
Code Thẻ ins trong HTML
Thẻ ins mặc định trong HTML
<h1 style="color:blue">Thẻ ins mặc định trong HTML</h1>
<p>Mình đã xóa <del>Màu đỏ</del> và thay bằng <ins>màu xanh dương</ins></p>
Css cho Thẻ ins trong HTML
<!DOCTYPE html>
<html>
<head>
<title>Css cho Thẻ ins trong HTML</title>
<style>
del{background:red;color:#fff}
ins{background:blue;color:#fff}
</style>
</head>
<body>
<h1 style="color:blue">Thẻ ins mặc định trong HTML</h1>
<p>Mình đã xóa <del>Màu đỏ</del> và thay bằng <ins>màu xanh dương</ins></p>
</body>
</html>
Ứng dụng thực tế của thẻ ins trong HTML
Thẻ ins trong HTML không chỉ dùng để đánh dấu phần nội dung được thêm vào mà còn giúp người đọc nhận biết sự thay đổi trong tài liệu một cách rõ ràng hơn. Đây là thẻ hữu ích trong những trường hợp website cần cập nhật thông tin, chỉnh sửa nội dung hoặc hiển thị lịch sử thay đổi.
Trong thực tế, thẻ ins thường xuất hiện trong các trang tài liệu, bài viết hướng dẫn, hệ thống quản lý nội dung hoặc những website cần minh bạch về quá trình chỉnh sửa. Khi kết hợp với thẻ del, người dùng có thể dễ dàng phân biệt đâu là nội dung cũ bị loại bỏ và đâu là phần mới được bổ sung.
So sánh nội dung cũ và nội dung mới bằng thẻ ins và thẻ del
Một trong những cách sử dụng phổ biến nhất của thẻ ins là đi cùng thẻ del để thể hiện sự thay đổi giữa hai phiên bản nội dung. Thẻ del giúp đánh dấu phần đã xóa, trong khi thẻ ins cho biết phần thông tin mới được cập nhật.
Cách trình bày này đặc biệt phù hợp với các trang có nội dung thường xuyên thay đổi như chính sách dịch vụ, bảng giá, tài liệu kỹ thuật hoặc thông báo cập nhật. Người đọc có thể nhanh chóng nhận ra điểm khác biệt mà không cần so sánh toàn bộ nội dung.
<p>Giá sản phẩm: <del>500.000đ</del> <ins>450.000đ</ins></p>
Trong ví dụ trên, phần thông tin cũ được đánh dấu bằng thẻ del, còn mức giá mới được thể hiện bằng thẻ ins. Trình duyệt thường hiển thị nội dung trong thẻ ins với kiểu gạch chân mặc định, giúp phần được cập nhật dễ nhận biết hơn.
Sử dụng thẻ ins để làm nổi bật thông tin cập nhật trên website
Thẻ ins có thể được sử dụng để làm nổi bật những nội dung mới được bổ sung trên website, chẳng hạn như một tính năng mới, thông báo quan trọng hoặc phần cập nhật trong bài viết.
Việc đánh dấu rõ nội dung được thêm vào giúp tăng tính minh bạch và cải thiện trải nghiệm đọc, đặc biệt với những trang có nhiều phiên bản chỉnh sửa theo thời gian. Tuy nhiên, không nên lạm dụng thẻ ins cho mục đích trang trí vì thẻ này mang ý nghĩa ngữ nghĩa về sự thay đổi nội dung.
Khi xây dựng website, nên sử dụng thẻ ins đúng mục đích kết hợp với thuộc tính phù hợp như datetime để cung cấp thời điểm nội dung được cập nhật. Điều này giúp trình duyệt, công cụ hỗ trợ và người dùng hiểu rõ hơn về thông tin được thay đổi.
Lời kết
Cảm ơn các bạn đã tham khảo bài viết Thẻ ins 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 *
