del 태그

HTML에서 <del> 태그는 삭제된 텍스트를 나타내는 데 사용됩니다. <del> 태그로 감싼 텍스트는 보통 취소선(strike-through)으로 표시됩니다. 이 태그는 주로 수정된 내용이나 삭제된 부분을 명시하는 데 사용됩니다. 예를 들어, 수정된 문서에서 삭제된 부분을 표시하거나, 이전 내용을 지우고 새로운 내용을 추가할 때 유용합니다.

주요 특징:

1. 취소선: <del> 태그로 감싸진 텍스트는 기본적으로 취소선으로 표시되어 삭제된 내용임을 시각적으로 나타냅니다.
2. 시멘틱한 의미: <del> 태그는 "이 텍스트는 삭제되었음"을 나타내며, 시멘틱한 의미를 제공합니다. 따라서 의미상 삭제된 내용은 <del> 태그를 사용하여 명확하게 표현할 수 있습니다.
3. <s> 태그와의 차이점: <del>과 <s> 태그는 비슷한 용도로 사용되지만, <del>은 삭제된 텍스트를 나타내고, <s>는 기타 이유로 텍스트가 잘못되었거나 더 이상 유효하지 않음을 나타냅니다.

사용 예시:

1. 기본 사용 예시 (삭제된 텍스트 표시):

<p>이전 가격은 <del>₩100,000</del>였고, 현재 가격은 ₩80,000입니다.</p>

• 위 예시에서는 ₩100,000가 취소선으로 표시되어, 이전 가격이 삭제되었음을 나타냅니다.

2. 텍스트 수정 예시:

<p>그의 이름은 <del>존</del> <ins>제임스</ins>입니다.</p>

• John이라는 이름이 삭제되었고, 새로운 이름인 James가 추가되었습니다. <ins> 태그는 삽입된 내용을 나타내며, <del>은 삭제된 내용을 나타냅니다.

3. 문서 수정 예시 (문서 변경 이력):

<p>이 책의 출판 연도는 <del>2020</del> <ins>2021</ins>입니다.</p>

• 2020년이 삭제되고 2021년이 추가된 수정 이력을 나타냅니다.

스타일링 예시:

<del> 태그의 기본 스타일은 취소선입니다. 하지만 CSS를 사용하여 이를 수정할 수 있습니다.

<p style="color: red;"><del>이 텍스트는 빨간색 취소선으로 표시됩니다.</del></p>

• 위 예시에서는 <del>로 감싼 텍스트에 빨간색 취소선이 적용됩니다.

결론:

• <del> 태그는 삭제된 텍스트를 나타내기 위해 사용됩니다. 삭제된 부분을 취소선으로 표시하여, 수정된 내용이나 변경 사항을 명확히 할 수 있습니다.
• 수정이나 변경 이력을 문서에 표시할 때 유용하게 사용됩니다.