HTML에서 문서에 새로 추가된(삽입된) 텍스트를 표시하려면 <ins>...</ins> 태그를 사용합니다. 이 태그는 같은 문서의 여러 버전 간 차이점을 비교할 때 특히 유용하며, 문서에 추가된 텍스트 범위를 명확하게 나타내는 역할도 합니다.
브라우저는 기본적으로 <ins> 태그로 감싼 텍스트에 밑줄을 그려 삽입된 내용임을 시각적으로 구분해 줍니다. 문서 수정 이력을 추적하거나 편집 과정을 공개적으로 보여줘야 하는 상황에서 매우 유용한 요소입니다.
예제
아래 코드를 실행하면 HTML에서 삽입된 텍스트를 표시하는 방법을 직접 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML ins tag</title> </head> <body> <h1>Heading</h1> <p> This is demo text. <br> <ins>This text is inserted</ins> </p> </body> </html>
실행 결과
위 코드를 브라우저에서 열면 일반 텍스트는 그대로 표시되고, <ins> 태그로 감싸진 "This text is inserted" 부분에는 밑줄이 그어져 삽입된 텍스트임을 한눈에 알 수 있습니다.
참고: 삭제된 텍스트와 함께 사용하기
문서 버전 관리 시에는 <ins> 태그와 함께 <del> 태그를 자주 사용합니다. <del>은 삭제된 텍스트를 취소선으로 표시하므로, 두 태그를 조합하면 어떤 내용이 수정되었는지 명확하게 전달할 수 있습니다.