HTML 인용&주석

예진·2020년 7월 23일

HTML5

목록 보기
4/17
인용
  <blockquote>: 다른 소스에서 인용된 섹션을 정의한다. 브라우저에서는 들여쓰는 형태로 보여진다. 
  	ex) 
         <blockquote cite="http://www.worldwildlife.org/who/index.html">
          For 50 years, WWF has been protecting the future of nature.
          The world's leading conservation organization,
          WWF works in 100 countries and is supported by
          1.2 million members in the United States and
          close to 5 million globally.
        </blockquote>

    <q>: 작은 인용문을 정의한다. 브라우저에서는 인용 부호를 삽입하는 형태로 보여진다.
    	ex) <p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>
  
  <abbr> 약어를 정의한다. 브라우저에서 약어에 마우스를 올리면 약어에 대한 설명을 표시한다. 
  	ex) <p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
  
  <address>: 문서 작성자/소유자의 연락처 정보를 정의한다. 브라우저에서는 이탤릭체로, 요소 앞뒤에 줄 바꿈을 추가하여 보여진다. 
  	ex) 
  	<address>
          Written by John Doe.<br>
          Visit us at:<br>
          Example.com<br>
          Box 564, Disneyland<br>
          USA
        </address>
  
  <cite> 창작물 제목을 정의한다. 브라우저에서 기울임 꼴로 보여진다.
 	 ex) <p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
  
  <bdo>: 현재 텍스트 방향을 재정의하는데 사용한다.브라우저에서는 텍스트가 거꾸로 보여진다.
  	ex) <bdo dir="rtl">This text will be written from right to left</bdo>
  
주석

	<!-- Write your comments here -->:  이 안에 주석을 넣으면 브라우저에는 나타나지 않는다. 디버깅에 유리하다.

0개의 댓글