Computer >> 컴퓨터 >  >> 프로그래밍 >> HTML

HTML에서 짧은 인용문을 표시하는 방법: q 태그 완벽 가이드

HTML <q> 태그란 무엇인가요?

HTML의 <q> 태그는 문장 안에 포함되는 짧은 인용문(short quotation)을 나타낼 때 사용합니다. 브라우저는 기본적으로 이 태그로 감싼 텍스트 앞뒤에 큰따옴표(" ")를 자동으로 붙여 화면에 표시합니다.

참고로 여러 단락에 걸치는 긴 인용문을 표시해야 할 경우에는 <q> 대신 <blockquote> 태그를 사용하는 것이 적절합니다.

<q> 태그의 주요 속성

<q> 태그는 아래와 같은 속성을 추가로 지원합니다.

속성설명
cite URL 인용한 내용의 출처가 웹상에 있는 경우, 해당 문서의 URL을 지정합니다.

사용 예제

아래 코드를 직접 실행하면 <q> 태그가 HTML에서 어떻게 동작하는지 확인할 수 있습니다.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML q Tag</title>
   </head>

   <body>
      짧은 인용문 예시입니다: <q>여기에 짧은 인용문이 들어갑니다</q>
   </body>
</html>

위 코드를 브라우저에서 실행하면 <q> 태그로 감싼 부분이 자동으로 따옴표 처리되어 출력되는 것을 확인할 수 있습니다.