Thí dụ
Một văn bản có phần bị xóa và một phần mới, được chèn:
Màu sắc yêu thích của tôi là màu xanh lam!
Hãy tự mình thử »
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Thẻ xác định văn bản đã bị xóa khỏi tài liệu. Trình duyệt thường sẽ tấn công một dòng thông qua văn bản đã xóa.
Lời khuyên và ghi chú
Mẹo: Cũng nhìn vào thẻ để đánh dấu văn bản chèn. Also look at the tag to markup inserted text.
Hỗ trợ trình duyệt
Đúng | Đúng | Đúng | Đúng | Đúng |
Thuộc tính
Trích dẫn | URL | Chỉ định URL vào tài liệu giải thích lý do tại sao văn bản đã bị xóa/thay đổi |
ngày giờ | Yyyy-mm-ddthh: MM: SSTZD | Chỉ định ngày và thời gian khi văn bản bị xóa/thay đổi |
Thuộc tính toàn cầu
Thẻ cũng hỗ trợ các thuộc tính toàn cầu trong HTML.
Thuộc tính sự kiện
Thẻ cũng hỗ trợ các thuộc tính sự kiện trong HTML.
Nhiều ví dụ hơn
Thí dụ
Sử dụng CSS để tạo kiểu và:
del {nền màu: cà chua;} in {màu nền: màu vàng;}
del
{background-color: tomato;}
ins {background-color: yellow;}
Màu sắc yêu thích của tôi là màu xanh lam!
Hãy tự mình thử »
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Thẻ
xác định văn bản đã bị xóa khỏi tài liệu. Trình duyệt thường sẽ tấn công một dòng thông qua văn bản đã xóa.
Lời khuyên và ghi chú
Phần tử Yếu tố này thường [nhưng không cần phải] được hiển thị bằng cách áp dụng một phong cách tấn công vào văn bản. Các thuộc tính của yếu tố này bao gồm các thuộc tính toàn cầu. Một URI cho một tài nguyên giải thích sự thay đổi [ví dụ: biên bản cuộc họp]. HTML đại diện cho một loạt các văn bản đã bị xóa khỏi một tài liệu. Điều này có thể được sử dụng khi kết xuất "theo dõi thay đổi" hoặc thông tin khác biệt mã nguồn. Phần tử
có thể được sử dụng cho mục đích ngược lại: để chỉ ra văn bản đã được thêm vào tài liệu.
HTML element represents a range of text that has been deleted from a document. This can be used when rendering "track changes" or source code diff information, for example. The
element can be used for the opposite purpose: to indicate
text that has been added to the document.
Thử nó
Thuộc tính
cite
datetime
Thuộc tính này cho biết thời gian và ngày thay đổi và phải là chuỗi ngày hợp lệ với thời gian tùy chọn. Nếu giá trị không thể được phân tích cú pháp như một ngày có chuỗi thời gian tùy chọn, phần tử không có dấu thời gian liên quan. Đối với định dạng của chuỗi không có thời gian, hãy xem chuỗi ngày. Định dạng của chuỗi nếu nó bao gồm cả ngày và thời gian được đề cập trong chuỗi ngày và thời gian cục bộ.
Ví dụ
This text has been deleted, here is the rest of the paragraph.
This paragraph has been deleted.
Kết quả
Mối quan tâm tiếp cận
Sự hiện diện của phần tử
del::before,
del::after {
clip-path: inset[100%];
clip: rect[1px, 1px, 1px, 1px];
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
del::before {
content: " [deletion start] ";
}
del::after {
content: " [deletion end] ";
}
0 không được hầu hết các công nghệ đọc màn hình công bố trong cấu hình mặc định của nó. Nó có thể được thực hiện để được công bố bằng cách sử dụng thuộc tính CSS del::before,
del::after {
clip-path: inset[100%];
clip: rect[1px, 1px, 1px, 1px];
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
del::before {
content: " [deletion start] ";
}
del::after {
content: " [deletion end] ";
}
1, cùng với các yếu tố giả del::before,
del::after {
clip-path: inset[100%];
clip: rect[1px, 1px, 1px, 1px];
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
del::before {
content: " [deletion start] ";
}
del::after {
content: " [deletion end] ";
}
2 và del::before,
del::after {
clip-path: inset[100%];
clip: rect[1px, 1px, 1px, 1px];
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
del::before {
content: " [deletion start] ";
}
del::after {
content: " [deletion end] ";
}
3.del::before,
del::after {
clip-path: inset[100%];
clip: rect[1px, 1px, 1px, 1px];
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
del::before {
content: " [deletion start] ";
}
del::after {
content: " [deletion end] ";
}
Một số người sử dụng đầu đọc màn hình cố tình vô hiệu hóa nội dung tạo ra thêm độ mịn. Bởi vì điều này, điều quan trọng là không lạm dụng kỹ thuật này và chỉ áp dụng nó trong các tình huống mà không biết nội dung đã bị xóa sẽ ảnh hưởng xấu đến sự hiểu biết.
- Lưu ý ngắn về việc tạo dấu ấn của bạn [dễ tiếp cận hơn] | Nhóm Paciello
- Điều chỉnh phong cách cấp văn bản | Adrian Roselli
Thông số kỹ thuật
Tiêu chuẩn HTML # phần tử DEL # the-del-element |
Tính tương thích của trình duyệt web
Bảng BCD chỉ tải trong trình duyệt
Xem thêm
- Phần tử
để chèn vào một văn bản
- Phần tử
5 cho Strikethrough tách biệt với việc biểu thị việc xóa văn bảndel::before, del::after { clip-path: inset[100%]; clip: rect[1px, 1px, 1px, 1px]; height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } del::before { content: " [deletion start] "; } del::after { content: " [deletion end] "; }