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

HTML에서 취소선 텍스트 표시하는 방법

HTML의 <strike> 태그는 텍스트 중앙에 선을 그어 표시하는 취소선(strikethrough) 텍스트를 지정하는 데 사용되었습니다. 하지만 이 태그는 HTML5에서 더 이상 지원되지 않는(deprecated) 요소이므로, 대신 <del> 태그를 사용해야 합니다.

HTML의 <del> 태그는 삭제된 텍스트를 마크업하는 용도로, 브라우저에서는 해당 텍스트에 취소선을 그어 렌더링합니다. 문서에서 삭제된 내용이나 수정 전의 정보를 나타낼 때 유용하게 활용됩니다.

예제

다음 코드를 실행하면 HTML에서 취소선 텍스트가 어떻게 표시되는지 확인할 수 있습니다.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML strike Tag</title>
   </head>
   <body>
      The HTML strike tag renders a <del>strike</del> through the middle of the text.
   </body>
</html>

참고 사항

단순히 시각적인 취소선 효과만 필요하고 '삭제된 텍스트'라는 의미가 중요하지 않다면, <s>(strikethrough) 태그를 사용할 수도 있습니다. 반면 문서 수정 이력처럼 삭제된 내용임을 명확히 표시해야 하는 경우에는 <del> 태그가 적합하며, 필요에 따라 citedatetime 속성을 함께 사용해 삭제 사유와 시점을 명시할 수 있습니다.