HTML에서 인용을 표시하는 방법: <cite> 태그 사용법

HTML에서 인용을 표시하는 방법: 태그 사용법

HTML에서 인용(citation)을 지정하려면 <cite> 태그를 사용합니다. 이 태그는 책, 논문, 영화, 노래 등 저작물(work)의 제목을 나타낼 때 사용되며, 대부분의 브라우저에서는 해당 텍스트가 자동으로 기울임꼴(이탤릭체)로 렌더링됩니다.

예제

다음 코드를 실행하여 <cite> 태그로 인용을 추가하는 방법을 직접 확인해 보세요.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML cite Tag</title>
   </head>
   <body>
      <p>학습 내용은 <cite>Data Structures
       &amp; Algorithms in Java</cite>를 참고할 수 있습니다.<p>
   </body>
</html>

주요 특징

저작물 제목 전용: <cite> 태그는 사람 이름이 아닌 창작물(책, 영화, 음악, 기사 등)의 제목을 표시하는 데 사용해야 합니다.
자동 스타일 적용: 별도의 CSS 없이도 대부분의 브라우저에서 이탤릭체로 표시되며, 필요에 따라 CSS로 스타일을 변경할 수 있습니다.
검색 엔진 최적화: 인용 정보를 의미론적으로(markup) 구조화하여 문서의 접근성과 SEO에 도움을 줍니다.