프로그램

HTML5에서의 취소선 표시 - <strike> 대신 <del> 혹은<s>... 가 아니라 line-through

(주)CKBcorp., 2014. 3. 13. 06:30
반응형



제목 그대로임.


원래 취소선 ( 이런거 ) 표시하는 게 <STRIKE> 라는 태그로 존재했나 보다.

근데 인터넷 검색해 보니까 HTML5 에서는 안된데... 


음. 요즘 브라우저는 하위 호환 되니까 그냥 <STRIKE> 써도 될 거 같긴 하지만...
뭔가 찜찜해서 뒤져보니 HTML5 용으로 만들어진 게 <DEL> 과 <S> 가 있단다.


둘의 차이점은 이러하단다.


<s>something</s>
<strike>something</strike>
<del>something</del>

The <strike> is not supported in html5. The difference between “s” and “del” is that “del” carries a semantic meaning of deleted text. Both are rendered the same. 



요약하면, 검색할 때 더 잘 보이려면 <del> 대신 <s> 를 쓰는 게 더 좋다는 소리다.



근데 검색해 보니, 태그가 아닌 CSS Style 로 취소선을 지원하는 기능이 있었다.

그렇다면 당연히 CSS를 쓰는게 정신건강 + 코드 유지에 좋지.


<span style="text-decoration:line-through;"> 취소선 CSS </span> 


와 같이 쓰면,  취소선 CSS  처럼 표현된다.......


하지만, 귀찮아.




그냥 <del> 쓰자.







 


반응형