Computer >> 컴퓨터 >  >> 프로그래밍 >> HTML

HTML 태그의 cite 속성 – 삭제된 텍스트의 이유를 명시하는 방법

HTML의 <del> 요소에 사용되는 cite 속성은 특정 텍스트가 삭제된 이유를 설명하는 문서의 URL을 지정하는 역할을 합니다. 이 속성을 활용하면 콘텐츠가 왜 수정·삭제되었는지 그 근거를 담은 참조 문서를 연결할 수 있어, 문서의 신뢰성과 추적성을 높이는 데 도움이 됩니다.

cite 속성 기본 문법

<del cite="url">

여기서 url은 해당 텍스트가 삭제된 이유가 명시되어 있는 문서의 주소를 가리키는 링크입니다.

예제

다음 예제는 <del> 요소의 cite 속성을 실제로 구현한 코드입니다.

<!DOCTYPE html>
<html>
<body>
<h2>배워야 할 과목</h2>
<dl>
    <dt>JavaScript</dt>
    <dd>스크립팅 언어입니다.</dd>
    <dt>Java</dt>
    <dd>프로그래밍 언어입니다.</dd>
    <dt>jQuery</dt>
    <dd>JavaScript 라이브러리입니다.</dd>
    <dt>C#</dt>
    <dd>객체 지향 프로그래밍 언어입니다.</dd>
</dl>
<p><del cite="exams_cancelled.htm">5월 3일부터 시작되는 중간고사</del></p>
</body>
</html>

실행 결과

HTML del 태그의 cite 속성 – 삭제된 텍스트의 이유를 명시하는 방법

코드 분석

위 예제에서는 <del> 요소를 사용해 다음과 같이 텍스트를 삭제(취소선) 처리했습니다.

<del cite="exams_cancelled.htm">
    5월 3일부터 시작되는 중간고사
</del>

그리고 아래와 같이 cite 속성을 통해 삭제 사유를 담은 문서를 지정했습니다.

cite="exams_cancelled.htm"

참고: cite 속성에 지정된 URL은 브라우저 화면에 직접 표시되지 않지만, 스크린 리더나 검색 엔진 등이 문서의 변경 이력을 이해하는 데 유용합니다. 필요하다면 CSS나 JavaScript를 활용해 cite 값을 사용자에게 시각적으로 노출시킬 수도 있습니다.