<h1>인용된 contents</h1>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>인용문 관련 태그</h1>
<h2>blockquote와 cite 태그</h2>
<blockquote cite="https://developer.mozilla.org/ko/docs/Web/HTML/Element/blockquote">
<p>HTML <blockquote> 요소는 안쪽의 텍스트가 긴 <mark>인용문</mark>임을 나타냅니다. <br>
주로 들여쓰기를 한 것으로 그려집니다. (외형을 바꾸는 법은 사용 일람을 참고하세요) <br>
인용문의 출처 URL은 cite 특성으로, 출처 텍스트는 <cite> 요소로 제공할 수 있습니다.
</p>
</blockquote>
<cite>
<blockquote>: 인용 블록 요소
</cite> from MDN
<br><br>
<h2>짧은 인용문을 위한 q 태그</h2>
<p>
<strong>q</strong> 태그에 대해 MDN 문서는
<q cite="https://developer.mozilla.org/ko/docs/Web/HTML/Element/q"
>HTML <q>요소는 둘러싼 텍스트가 짧은 <br> 인라인 <mark>인용문</mark>이라는것을 나타냅니다.</q>
라고 설명하고 있습니다
</q>
</p>
<abbr title="Hypertext Markup Language">HTML</abbr
>을 배워봅시다
</body>
</html>tag의 속성을 알아볼게요. tag의 동작을 설정 및 제어하게 되는 것을 속성을 부여한다고 합니다.
예를 들어 우리가 lang 을 ko로 바꾼 것과 같은 것이 이에 해당하겠죠,
테그마다 부여할 수 있는 속성이 있습니다.
blockquote 테크에는 cite 로 웹사이트를 속성으로 지정할 수 있습니다!
음.. 텍스트 안에 <>를 사용할 때는 tag로 인식되기 때문에
<blockquote> 로 쓸 수 있습니다.
이는 entity name에서 확인 가능합니다!
음.. cite는 속성으로 지정할 수도 있고 테그로서도 동작을 합니다!
tag로서는 출처 텍스트를 요소로 제공할 수도 있습니다.
q tag는 짧은 인용문을 쓸 때 사용되는데 쌍따움표 안에 텍스트를 표시해줍니다.
mark tag는 사용자의 행동, 예를 들어 검색결과, 혹은 인용문에서 주시해야 할 부분들을 표시합니다.
추가적으로 i 테그를 이용해서 브라우저 기본사항으로 글자기울임이지만 MDN 문서에서는 CSS를 사용해서 다른 폰트를 사용할 때 활용한다는 것을 추가적으로 알면 됩니다!
Written by coh