Elements

<cite>

HTML <cite> 요소는 저작물의 출처를 표기할 때 사용하며, 제목을 반드시 포함해야 합니다. 적절한 맥락 아래에서는 출처를 축약해서 표기할 수 있습니다. <figu...

· 1min read · 1 views

HTML <cite> 요소는 저작물의 출처를 표기할 때 사용하며, 제목을 반드시 포함해야 합니다. 적절한 맥락 아래에서는 출처를 축약해서 표기할 수 있습니다.

<figure>
  <blockquote>
    <p>
      It was a bright cold day in April, and the clocks were striking thirteen.
    </p>
  </blockquote>
  <figcaption>
    First sentence in
    <cite
      ><a href="http://www.george-orwell.org/1984/0.html"
        >Nineteen Eighty-Four</a
      ></cite
    >
    by George Orwell (Part 1, Chapter 1).
  </figcaption>
</figure>
/* stylelint-disable-next-line block-no-empty */
cite {
}
콘텐츠 카테고리 플로우 콘텐츠, 구문 콘텐츠, 뚜렷한 콘텐츠.
가능한 콘텐츠 구문 콘텐츠.
태그 생략 불가능, 시작과 끝에 태그를 추가하는 것은 필수입니다.
가능한 부모 요소 구문 콘텐츠를 허용하는 모든 요소.
가능한 ARIA 역할 모두
DOM 인터페이스 `HTMLElement`

특성

이 요소는 전역 특성만 포함합니다.

사용 일람

<cite> 요소의 저작물로는 다음과 같은 예제를 들 수 있습니다.

  • 논문
  • 에세이
  • 악보
  • 음악
  • 대본
  • 영화
  • TV 쇼
  • 게임
  • 조각
  • 그림
  • 연극
  • 공연
  • 오페라
  • 뮤지컬
  • 전시회
  • 판례
  • 컴퓨터 프로그램
  • 웹사이트
  • 웹페이지
  • 블로그 글과 댓글
  • 게시판 글과 댓글
  • 트윗
  • Facebook 글
  • 성명서
  • 기타 등등

W3C 명세는 <cite> 요소로 저작물의 출처를 표기할 때 저작자도 표기할 수 있음을 명시하고 있습니다. 그러나 정반대로, WHATWG 명세는 사람 이름을 어떤 상황에서도 절대 포함하지 말아야 한다고 적혀있다는 점을 알아두는 것이 좋습니다.

<blockquote>, <q> 요소가 가진 인용문의 출처를 나타내려면 cite 특성을 사용하세요.

보통 브라우저는 <cite> 요소를 그릴 때 기울임꼴로 표현합니다. 기울임꼴을 제거하려면 CSS font-style 속성을 <cite>에 적용하세요.

예제

<p>More information can be found in <cite>[ISO-0000]</cite>.</p>

같이 보기

  • 긴 인용문을 위한 <blockquote> 요소.
  • 인라인 인용문을 위한 <q> 요소.

Related Docs

Elements

<strong>: 강한 중요 요소

<strong> HTML 요소는 강한 중요성, 중대함 혹은 긴급한 내용임을 나타냅니다. 브라우저는 일반적으로 이 내용을 굵은 글씨로 렌더링합니다. <p> ... the most...

1min read 1 views
Elements

<style>: 스타일 정보 요소

HTML <style> 요소는 문서나 문서 일부에 대한 스타일 정보를 포함합니다. <style> p { color: #26b72b; } code { font-weight: bold; } </styl...

2min read 3 views
Elements

<sub>: 아래 첨자 요소

HTML <sub> 요소는 활자 배치를 아래 첨자로 해야 하는 인라인 텍스트를 지정합니다. 아래 첨자는 보통 더 작은 글씨 크기를 가지고, 기준선을 아래로 내려 렌더...

2min read 3 views
Elements

<template>: 콘텐츠 템플릿 요소

HTML <template> 요소는 페이지를 불러온 순간 즉시 그려지지는 않지만, 이후 JavaScript를 사용해 인스턴스를 생성할 수 있는 HTML 코드를 담을 방법을 제공합...

1min read 3 views

Comments (0)

No comments yet. Be the first to comment!

Leave a Comment

로그인 후 댓글을 남길 수 있습니다.