본문 바로가기
Programming/HTML/CSS

<q><blockquote>엘리먼트 / 인용구 사용하기

by 막이 2012. 5. 8.

<q> 엘리먼트 인용구 사용하기

 

 

<q>I love you</q> è “I love you”

 

 

 

<q>엘리먼트를 사용하는 것은 인용구에 뭔가를 표시함으로써 약간의 추가적인 의미를 부여한 것임브라우저가 텍스트의 일부분이 실제적인 인용구라는 것을 인식한다. 휴대전화 같은 모바일 기기나, 시각 장애인을 위한 음성 HTML 브라우저가 있다는 사실을 잊지 않아야 한다. 또한 인용구를 가진 웹 페이지를 찾기 위해 웹을 철저히 조시히는 검색 엔진 같은 경우에 있어서도 매우 유용하다.

 

엘리먼트를 사용함으로써 웹 페이지가 의미있고 구조적 으로 될 수 있다. 가장 중요한 이유 하나는 원하는 방식으로 페이지가 보이도록 인용구에 스타일 있다는 점이다. 인용구를 글자색이 회색으로 이탤릭체로 보이게 해야 한다고 가정할 때, 페이지의 인용구 부분을 구조화하기 위해 <q> 엘리먼트를 사용한다면, 그러한 것을 있다.

 


<blockquote> 엘리먼트 인용구 사용하기

 

<blockquote>는 분리된 블록을 만들며, 추가적으로 텍스트를 약간 들어가게 만듦. 일반적으로 하나의 문단이나 그 이상의 텍스트를 인용하고자 할때는 <blockquote>를 사용함. <blockquote> 안에 <q>엘리먼트가 들어가도됨.

 

    <p>
      I saw some Burma Shave style signs on the side of the
      road today:
    </p>
    <blockquote>
     Passing cars,
     When you can't see,
     May get you,
     A glimpse,
     Of eternity.
    </blockquote>
    <p> I definitely won't be passing any cars.
    </p> 

 

결과

I saw some Burma Shave style signs on the side of the road today:

Passing cars, When you can't see, May get you, A glimpse, Of eternity.

I definitely won't be passing any cars.

 

'Programming > HTML/CSS' 카테고리의 다른 글

[css] div 배치  (0) 2012.06.15
클릭시 원하는 부분으로 이동 / 링크에 타이틀 추가  (1) 2012.05.09
HTML 리스트 만들기  (0) 2012.05.08
<a>엘리먼트 / 링크 걸기  (0) 2012.05.08
HTML/CSS의 시작  (0) 2012.05.08