HTML에서 문서에서 제거되었음을 나타내는 텍스트(취소선이 그어진 텍스트)를 표시하려면 <del> 태그를 사용합니다. 이 태그는 수정 이력을 보여주거나 변경 사항을 명확하게 전달해야 할 때 유용하며, 대부분의 브라우저에서 기본적으로 취소선 스타일로 렌더링됩니다.
del 태그의 주요 속성
<del> 태그는 다음과 같은 속성을 지원합니다.
| 속성 | 값 | 설명 |
|---|---|---|
| cite | URL | 해당 텍스트가 삭제된 이유를 설명하는 다른 문서의 URL을 지정합니다. |
| datetime | YYYY-MM-DD 또는 YYYYMMDD HH:MM:SS 형식 | 텍스트가 삭제된 날짜와 시간을 정의합니다. |
사용 예제
다음 코드를 실행하여 <del> 태그로 삭제된 텍스트가 어떻게 표시되는지 직접 확인해 볼 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML del 태그</title> </head> <body> <p>다음 텍스트는 <del>HTML del 태그</del>를 사용하여 삭제 처리되었습니다.</p> </body> </html>
참고: ins 태그와 함께 사용하기
실무에서는 삭제된 내용을 <del>로 표시하고, 새롭게 추가된 내용을 <ins>(삽입된 텍스트) 태그와 함께 사용하면 문서의 변경 이력을 더욱 명확하게 전달할 수 있습니다.