[HTML] cite 태그

728x90

HTML <cite> 태그란?

<cite> 태그는 책, 논문, 기사, 영화, 그림, 음악 등 작품의 제목을 나타낼 때 사용하는 HTML 태그입니다. 웹 브라우저에서 <cite> 태그로 감싼 텍스트는 기본적으로 기울임(italic) 스타일로 표시됩니다.

<p>내가 가장 좋아하는 책은 <cite>해리 포터</cite>입니다.</p>
<p>이 그림은 <cite>모나리자</cite>라는 작품입니다.</p>
<p>최근에 <cite>인셉션</cite> 영화를 다시 봤어요.</p>

기본적으로 기울임체가 적용되지만, CSS를 사용하여 스타일을 변경할 수도 있습니다.

cite {
  font-style: normal; /* 기본 이탤릭을 제거하고 일반 글꼴 적용 */
  font-weight: bold; /* 글자 굵게 */
  color: #ff5733; /* 색상 변경 */
}

<p>내가 가장 좋아하는 영화는 <cite>어벤져스</cite>입니다.</p>

font-style: normal;을 적용하면 기본 기울임 효과를 없앨 수도 있습니다.

태그	용도	예제
<cite>	작품 제목을 표시할 때 사용	<cite>해리 포터</cite>
<blockquote>	긴 인용문을 표시할 때 사용	<blockquote>인용문 내용</blockquote>

<cite>는 제목을 표시하는 태그이고, 실제 인용문을 포함하는 태그는 <blockquote>입니다.

<blockquote>
  "배우지 않으면 성장할 수 없다."
  <cite>알버트 아인슈타인</cite>
</blockquote>

위와 같이 <cite>를 <blockquote> 안에서 인용된 저자의 이름으로 사용할 수도 있습니다.

728x90