HTML에서 짧은 인용문을 표시할 때는 <q> 태그를 사용합니다. 단, 인용문이 여러 줄에 걸치는 경우에는 <blockquote> 태그를 사용해야 합니다. 대부분의 브라우저는 q 요소 앞뒤에 자동으로 따옴표를 삽입하므로, 별도의 스타일 지정 없이도 인용문임을 쉽게 나타낼 수 있습니다.
또한 cite 속성을 활용하면 인용문의 출처를 URL 형식으로 명시할 수 있어, 인용 정보의 신뢰성을 높이는 데 도움이 됩니다.
예제
다음 코드를 실행하면 HTML에서 따옴표를 추가하는 방법을 직접 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTM q tag</title> </head> <body> <h1>Drupal</h1> <p>Drupal Community says,</p> <q>Drupal is built on principles like collaboration, globalism, and innovation.</q> </body> </html>
실행 결과
위 코드를 브라우저에서 열면 인용문 앞뒤에 따옴표가 자동으로 붙어 있는 것을 확인할 수 있습니다.
