HTML의 <s> 태그는 더 이상 유효하지 않거나 정확하지 않은 텍스트를 표시할 때 사용합니다. 이 태그는 HTML5에서 재정의되었으며, 브라우저에서는 해당 텍스트에 취소선(strikethrough)이 그어진 형태로 렌더링됩니다.
그럼 <s> 요소를 실제로 구현한 예제를 살펴보겠습니다.
예제
<!DOCTYPE html> <html> <body> <h2>Exam Results</h2> <p><s>Result would be announced on 6th June.</s></p> <p>New date for results are 7th June.</p> </body> </html>
출력 결과
위 예제에서는 다음과 같이 더 이상 유효하지 않은 텍스트를 설정했습니다.
<s> Result would be announced on 6th June. </s>
<s> 태그를 사용하면 위 출력 결과에서 확인할 수 있듯이 해당 텍스트에 취소선이 그어져 표시됩니다. 이를 통해 방문자는 해당 정보가 더 이상 정확하지 않다는 것을 한눈에 인식할 수 있습니다.
<s> 태그와 <del> 태그의 차이점
<s> 태그는 <del> 태그와 비슷해 보이지만 용도가 다릅니다. <del> 태그는 문서 편집 과정에서 삭제된 내용을 의미론적으로 표시하는 반면, <s> 태그는 단순히 더 이상 정확하지 않거나 관련성이 없어진 정보를 시각적으로 강조하는 데 사용됩니다. 따라서 가격 변경, 일정 변경 등 부정확해진 정보를 표시할 때는 <s> 태그가 적합합니다.