본문 바로가기
함께공부해요!/HTML5

10. HTML 인용문과 인용문 요소

by roxanne_91 2017. 12. 12.

짧은 인용문을 위한 HTML <q>

HTML <q>요소는 짧은 인용을 정의합니다.

브라우저는 대개 <q>요소 주위에 따옴표를 삽입합니다.

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>


견적을 위한 HTML<blockquote>

HTML <blockquote>요소는 다른 소스에서 인용된 섹션을 정의합니다.

브라우저는 일반적으로 <blockquote>요소를 들여쓰기 합니다.

<p>Here is a quote from WWF's website:</p>
<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>


약어에 대한 HTML<abbr>

HTML<abbr>요소는 약어 또는 머리글자를 정의합니다.

마킹 약어는 브라우저, 번역 시스템 및 검색 엔진에 유용한 정보를 제공할 수 있습니다.

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>


연락처 정보에 대한 HTML<address>

HTML <address>요소는 문서 또는 기사의 연락처 정보(작성자/소유자)를 정의합니다.

<address>요소는 일반적으로 기울임 꼴로 표시됩니다. 대부분의 브라우저는 요소 앞뒤에 줄 바꿈을 추가합니다.

<address>
Written by John Doe.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>



작업 제목에 대한 HTML <cite>

HTML <cite>요소는 저작의 제목을 정의합니다.

브라우저는 보통 <cite>요소를 기울임 꼴로 표시합니다.

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>


양방향 재정의 HTML<bdo>

HTML <bdo>요소는 양방향 재정의를 정의합니다.

<bdo> 요소는 현재 텍스트 방향을 재정의하는데 사용됩니다.

<bdo dir="rtl">This text will be written from right to left</bdo>








'함께공부해요! > HTML5' 카테고리의 다른 글

12. HTML 색상  (0) 2017.12.14
11. HTML주석  (0) 2017.12.13
9. html 텍스트 서식 지정  (0) 2017.12.11
8. HTML 스타일  (0) 2017.12.07
7. HTML 단락  (0) 2017.12.06

댓글