HTML에서 <del> 태그는 문서 내에서 삭제된 텍스트를 나타내는 데 사용됩니다. 이 태그의 주요 특징과 사용 방법은 다음과 같습니다:
용도 및 특징
- 텍스트 삭제 표시:
<del> 태그는 원래 문서에 있었지만 더 이상 유효하지 않거나 삭제된 텍스트를 나타내기 위해 사용됩니다.
- 문서의 변경 기록 표시: 웹 페이지의 이전 버전과 현재 버전 간의 차이를 표시하는 데 자주 사용됩니다. 예를 들어, 개정된 문서나 업데이트된 웹 페이지에서 이전 내용을 나타낼 때 사용할 수 있습니다.
- 시각적 표현: 기본적으로
<del> 태그로 감싸진 텍스트는 가운데 줄이 그어져 표시됩니다. 이는 텍스트가 삭제되었음을 시각적으로 나타냅니다.
- 접근성: 스크린 리더와 같은 보조 기술은
<del> 태그를 사용하여 삭제된 텍스트를 사용자에게 다르게 전달할 수 있습니다.
사용 방법
-
기본 사용:
<p>This is <del>old</del> new text.</p>
이 예시에서 "old" 단어는 <del> 태그로 감싸져 삭제된 것으로 표시됩니다.
-
속성 사용:
-
<ins> 태그와의 조합: HTML에서 <ins> 태그는 새로 추가된 텍스트를 나타냅니다. <del>과 <ins> 태그를 함께 사용하여 문서에서 삭제된 부분과 추가된 부분을 명확하게 표시할 수 있습니다.
<p>This is <del>old</del><ins>new</ins> text.</p>
주의 사항
<del> 태그는 스타일링을 위한 것이 아니라 의미를 전달하기 위한 목적으로 사용되어야 합니다.- CSS를 사용하여
<del> 태그의 시각적 표현을 변경할 수 있습니다(예: 색상 변경, 줄 스타일 변경 등).
이 태그는 웹 문서에서 편집 이력이나 변경 사항을 명확하게 표시하는 데 매우 유용하며, 사용자에게 문서의 역사와 발전 과정을 보여주는 데 도움을 줄 수 있습니다.
