cite ( Citations : 인용 출처 )

설명
인용 출처 표시
Primary
Primary
content category
flow
phrasing
cite elementcite attributes둘 다 사용한 예시

cite element

<cite> 태그로 감싼 것을 말한다.
기본적으로 이탤릭체로 표시된다.
<cite>하이<cite>
notion image

cite attributes

blockquote , del 등의 element에서 attribute로 사용할 수 있다.
인용 출처를 명시하는 용도로 사용되는데, 유용하게 보이지만 안타깝게도 브라우저, 스크린 리더 등은 이를 이용해서 할 수 있는 것이 많지 않다.
javascript나 CSS로 직접 해결책을 제시하지 않는다면 cite 컨텐츠를 화면에 표시되지 않는다.
 

둘 다 사용한 예시

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>night-ohl title test</title>
  </head>
  <body>
    <p>
      Hello and welcome to my motivation page. As
      <cite>Confucius</cite>
      once said:
    </p>

    <blockquote
      cite="http://www.brainyquote.com/quotes/authors/c/confucius.html"
    >
      <p>It does not matter how slowly you go as long as you do not stop.</p>
    </blockquote>
  </body>
</html>
notion image
상위 문맥의 Confucius가 이택릭체로 표시되었는데, 이게 <cite> element로 표시한 것.
하위 문맥은 blockquote로 들여쓰기가 되었지만, cite attirbute 내용은 화면에 보이지 않는다.