프로그램
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> 쓰자.
반응형