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