짧은 인용과 긴 인용, 출처 제목을 의미 있게 표시합니다.
q는 문장 안의 짧은 인용, blockquote는 독립된 긴 인용에 사용합니다. cite 속성은 기계가 읽을 출처 URL을, cite 요소는 작품이나 자료의 제목을 나타냅니다.
q로 감싼 문장 양쪽의 따옴표는 마크업에 없지만 브라우저 기본 스타일이 자동으로 붙여 줍니다. blockquote의 cite 주소는 화면 어디에도 나타나지 않고, 왼쪽 초록 선과 연한 배경은 CSS의 blockquote 규칙이 기본 들여쓰기를 margin: 20px 0으로 바꾼 뒤 border-left와 padding을 더해 만든 것입니다.
인용한 사람이나 출처 표기는 blockquote 안이 아니라 바깥에 두어야 인용문 자체와 섞이지 않습니다. 둘을 한 덩어리로 묶고 싶다면 figure 안에 blockquote를 넣고 출처를 figcaption에 적는 구조를 씁니다. q 안에 따옴표를 직접 타이핑하면 기호가 두 번 찍힙니다.
blockquote를 단순 들여쓰기 용도로 쓰지 말고 실제로 다른 출처의 내용을 인용할 때 사용하세요.
직접 바꿔보세요q의 문장을 바꾸고 blockquote 아래에 출처 링크를 추가하세요.