HTML / q, blockquote / 인용하기
인용임을 나타내는 태그에는 q
와 blockquote
가 있다. q
는 인라인 요소이고, blockquote
는 블록 요소이다.
문법
<q cite="xxx">...</q> <blockquote cite="xxx">...</blockquote>
인용의 출처는 cite
속성으로 나타낸다. cite
속성 입력은 선택 사항이고, 웹브라우저에서는 보이지 않는다.
예제 1
q
요소의 기본 모양은 인용 문구를 큰 따옴표로 감싸는 것이다.
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>HTML</title> </head> <body> <p> Lorem ipsum dolor sit amet <q cite="https://www.codingfactory.net/">consectetur adipiscing</q> elit. </p> </body> </html>
예제 2
blockquote
요소의 기본 모양은 양쪽에 여백이 있는 것이다.
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>HTML</title> </head> <body> <p>blockquote</p> <blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec mollis nulla.</p> </blockquote> </body> </html>