HTML에서 삭제된 텍스트를 표시하려면 <del>...</del> 태그를 사용합니다. 이 태그로 감싼 텍스트는 화면에 취소선이 그어진 형태로 렌더링됩니다.
<del> 태그는 HTML5에서 새롭게 도입된 요소입니다. 그 이전에는 <strike> 태그가 삭제된 텍스트를 표시하는 용도로 사용되었지만, 현재는 폐기(deprecated)된 상태이므로 더 이상 사용하지 않는 것이 좋습니다.
주의할 점: <del>...</del> 태그를 사용할 때는 여는 태그와 닫는 태그가 모두 반드시 필요합니다. 또한 일반적으로 문단을 나타내는 <p>...</p> 태그 내부에서 사용합니다.
참고로 <del> 태그는 cite 속성(삭제 이유를 설명하는 문서 URL 지정)과 datetime 속성(삭제 시점 지정)을 함께 사용할 수 있어, 문서 수정 이력을 보다 의미 있게 표현할 수 있습니다.
예제
다음 코드를 실행하면 <del> 태그를 사용하여 HTML에서 삭제된 텍스트를 표시하는 결과를 직접 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML del tag</title> </head> <body> <h1>Heading</h1> <p> This is demo text. <del>This text is deleted</del> </p> </body> </html>
실행 결과
위 코드를 브라우저에서 실행하면 "This text is deleted" 부분에 취소선이 그어진 것을 확인할 수 있습니다.
