HTML : 인용 요소 - blockquote, q

HTML :  인용 요소 - blockquote, q

---

HTML : 인용 요소 - blockquote, q

• 인용을 위한 목적을 가진 태그이다.
• 외부 매체 (도서, 영화 등)에서 가지고 올 때 사용한다.

 

---

<blockquote> : 블록 인용 요소

<blockquote> 와 <p>의 차이

• 안쪽의 텍스트가 긴 인용문임을 나타낼 때 사용한다. 주로 들여 쓰기를 한 것으로 그려진다.
• 인용문의 출처 URL은 cite특성으로, 출처 텍스트는 <cite> 요소로 사용할 수 있다. 

       <blockquote cite = 인용주소>를 넣어서 남길수있다. 웹엔 나타나지않음

• <blockquote>는 <p>태그 안에 넣으면 안된다

      <p> 태그는 내부에 있는 하위 요소가 블록(block) 요소 일 경우 자동으로 닫히는 것으로 인식되기 때문에 웹페이지가 정확히 인식하지 못한다. → <p> 안에 넣으려면 <q>를 사용하면 된다.

 

 <blockquote>
      Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quia neque vitae
      repellendus tempore pariatur ea fugiat, eos in qui, itaque laborum quo
      consequuntur. Atque ea accusamus iste, saepe distinctio tempore.
</blockquote>

 

 

---

 

<q> : 인라인 인용 요소

<q> 와 <p>의 차이

<q>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium
      explicabo vel quo voluptate non impedit possimus ullam praesentium debitis
      doloremque quae aliquid consequatur aut, repellat accusantium modi
      repudiandae. Enim, facilis.
</q>

• 안쪽의 텍스트가 짧은 인용문일 때 사용하는 인라인 인용문이다.
• 대부분 브라우저에서는 앞과 뒤에 따옴표를 붙여서 표현된다.
• <q>는 줄 바꿈이 없는 짧은 경우에 적합하다
• 문장 중간에 짧게 인용을 넣고 싶을 경우엔 <q>를 이용해서 작성해야한다.
• 긴 인용문일 경우엔 <blockquote>를 사용해야 한다.

 

<p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita, minima
      ad ipsam repellendus commodi
      <q>
        delectus veritatis illum consequuntur pariatur tempore officia
        dignissimos doloribus nostrum aspernatur harum nihil doloremque
        rerum!
        </q>
      Repudiandae.
</p>

 

 

---

 

HTML : 블록(Block)요소 와 인라인(Inline)요소