blockquote 태그

 

blockquote 태그 개요

blockquote 태그는 원하는 문구를 인용문으로 정의하기 위해서 사용을 합니다.

인용문으로 지정이 되면 브라우저는 일반적으로 들여 쓰기로 표현이 됩니다.

참고로 blockquote의 속성을 변경하려면 css의 속성을 변경을 할 수 있습니다.

 

속성으로는 'cite'를 가지고 있으며, 인용문의 URL 소스를 지정할 수 있습니다.

 

blockquote 태그 사용 예

blockquote는 인용문으로 표시할 문장을 '<blockquote> 인용문 </blockquote>'로 감싸주면 됩니다.

 

저의 블로그를 인용문으로 나타내보겠습니다.

 

소스

<blockquote>
<p>세상에 발자취를 남기다. By MinG</p>
</blockquote>

 

적용

세상에 발자취를 남기다. By MinG

 

blockquote 태그 속성 'cite' 사용 예

blockquote의 속성인 'cite'에 대해 알아보겠습니다.

cite 속성은 '<blockquote cite="URL">' 

 

소스

<blockquote cite="https://mingtrace.tistory.com/">
<p>세상에 발자취를 남기다. By MinG</p>
</blockquote>

 

적용

세상에 발자취를 남기다. By MinG

 

변화는 없는 것 같습니다.

인용문으로 지정된 곳에 마우스를 올리면 해당 URL이 나오지 않을까 생각을 했으나 그렇지 않았습니다.

다만 변화가 있다면 브라우저에서 소스보기를 했을 때,

인용문의 출처 사이트가 보인다는 점인 거 같습니다.

참고로 css 파일이 없어서 다른 예와는 다르게 들여쓰기만 이루어졌습니다.

 

인용문을 표시할 수 있는 'blockquote' 태그에 대해서 알아보았습니다.

 

저의 글을 읽어 주셔서 감사합니다. 오늘도 즐거운 하루 보내세요.

저의 글이 조금이나마 도움이 되셨다면 로그인이 필요 없는 공감♥ 한번 꾸욱 눌러주세요 하하~