HTML <ins> 태그의 cite 속성 – 삽입된 텍스트의 출처를 URL로 지정하는 방법

HTML의 <ins> 요소는 문서에 새롭게 삽입된 텍스트를 나타낼 때 사용합니다. 이때 cite 속성을 함께 사용하면, 해당 텍스트가 왜 삽입되었는지 그 이유를 설명하는 문서의 URL을 지정할 수 있습니다.

cite 속성이란?

<ins> 요소의 cite 속성은 삽입된 텍스트에 대한 변경 사유를 담고 있는 외부 문서의 주소(URL)를 값으로 받습니다. 이 속성은 화면에는 직접 표시되지 않지만, 검토 도구나 리비전 추적 시스템에서 변경 이력을 확인하는 데 유용하게 활용됩니다.

<ins cite="url">삽입된 텍스트</ins>

여기서 url은 삽입 사유를 설명하는 문서의 주소를 의미합니다.

다음은 <ins> 요소에 cite 속성을 적용한 예제입니다.

<!DOCTYPE html>
<html>
<body>
<h1>데모 제목</h1>
<ins cite="new.htm">텍스트가 삽입되었습니다.</ins>
</body>
</html>

위 예제를 실행하면 <ins> 요소로 감싼 텍스트가 브라우저에 밑줄이 그어진 형태로 표시됩니다.

<ins cite="new.htm">
    텍스트가 삽입되었습니다.
</ins>

위 코드에서는 <ins> 요소를 사용해 문서에 텍스트를 삽입했습니다. 그리고 cite 속성을 통해 삽입 사유가 기록된 문서의 위치를 지정했습니다.

cite="new.htm"

즉, new.htm이라는 문서가 해당 텍스트가 삽입된 이유를 설명하는 참조 자료 역할을 하게 됩니다.