HTML에서는 cite 속성을 활용하면 인용문의 출처나 텍스트가 삭제 또는 삽입된 이유를 설명하는 URL을 지정할 수 있습니다.
cite 속성이란?
cite 속성은 주로 <q>, <blockquote>, <del>, <ins> 태그와 함께 사용됩니다. 예를 들어, 문서에서 일부 내용을 삭제하거나 새로 추가했을 때 해당 변경 사항에 대한 근거나 참고 자료가 담긴 문서의 URL을 제공함으로써 독자에게 명확한 맥락을 전달할 수 있습니다.
이 속성으로 지정된 URL은 화면에는 직접 표시되지 않지만, 검색 엔진이나 스크린 리더 등 보조 기술이 해당 정보를 활용할 수 있어 웹 접근성과 콘텐츠 신뢰성 측면에서 유용합니다.
사용 예제
아래 코드를 실행하면 cite 속성을 실제로 어떻게 적용하는지 확인할 수 있습니다.
<!DOCTYPE html> <html> <body> <h3>WordPress 정의</h3> <q cite = "https://wordpress.org/"> WordPress는 아름다운 웹사이트, 블로그 또는 앱을 만들기 위해 사용할 수 있는 오픈소스 소프트웨어입니다.</q> </body> </html>
코드 설명
위 예제에서 <q> 태그는 짧은 인라인 인용문을 나타내며, cite 속성을 통해 인용문의 원본 출처인 WordPress 공식 사이트 URL을 지정했습니다. 이처럼 cite 속성을 사용하면 인용 정보를 구조화된 방식으로 브라우저와 검색 엔진에 전달할 수 있습니다.