Computer >> 컴퓨터 >  >> 프로그래밍 >> HTML

HTML5에서 텍스트에 취소선 적용하는 방법

취소선(Strikethrough)은 더 이상 정확하지 않거나 관련성이 없어진 콘텐츠에 사용됩니다. 가장 대표적인 예로, 할인 판매 중인 상품의 기존 가격 표시를 들 수 있습니다.

할인 상품

Intel 2TB SSD 드라이브

$249
$99

현재는 폐기(deprecated)된 HTML4에서는 <strike> 태그를 사용해 더 이상 유효하지 않은 콘텐츠를 표시했습니다. 하지만 현대 HTML, 즉 HTML5에서는 더 간결한 <s> 태그를 사용합니다. 위 예시의 취소선은 다음과 같이 작성합니다.

<s>$249</s>

알아두면 좋은 점

<s> 태그를 <del> 태그와 혼동하지 않도록 주의하세요.

  • <s>: 현재 시점에서 더 이상 정확하지 않거나 관련성이 없는 콘텐츠를 나타냅니다. 예를 들어 할인 상품의 이전 가격처럼 '지금은' 맞지 않는 정보에 사용합니다.
  • <del>: 문서에서 내용이 삭제되었음을 나타냅니다. 예를 들어 할 일 목록(to-do list)에서 완료된 항목을 지운 경우처럼, 편집 과정에서 제거된 내용에 사용합니다.