웹 서핑 하다보면 지워진 항목에 대해 가운데 줄이 가있고 새로운 항목이 추가로 기재되어있는곳들이 간혹 있다. 정말 많진 않지만…. 간혹…
그 때 지워진 항목을 어떻게 표시할 수 있는지 알아보자.
<del>
속성
cite
:
왜 이 데이터를 삭제하는지에 대한 설명을 기재한다.
datetime
:
이 데이터를 변경하는 시간을 기재한다.
ins와 del의 차이
<del> : 삭제된 항목 표시하는 태그
<ins> : 추가된 항목 표시하는 태그
사용
CSS
del {
position: relative;
padding-left: 1rem;
background-color: #d4fcbc;
}
del::before {
position: absolute;
left: 0;
content: '-';
}
HTML
모임 날짜: 2022-05-12 모임 시간: 08:00 P.M. 참석자: 가나다,나다라,다라마, 라마바, 마바사, 바사아, 사아자, 아자차
기본 예시
참고
MDN Web Docs - <del>: The Deleted Text element
공부 목적 블로그