본문 바로가기
디지털 노마드를 꿈꾸며/HTML

HTML 인용 요소, 코멘트,

by 오일러33 2020. 3. 15.

1. HTML 인용(quotation and citation) 요소

- HTML 인용(short quotation), 블록인용(blockquote)

짧은 인용(short quatation)은 <q>로 표시한다. 인용문구 앞뒤로 붙여준다. 결과물은 "..."의 큰 따옴표로 둘러싸인 텍스트가 웹 브라우저에 나타난다.

<p>it defines <q>a short quotation</q><p>

 

블록 인용(blockquote)은 다른 소스에서 가져온 것을 인용하고자 할 때 사용한다. <blockquote>로 표시한다.

<blockquote cite="http://www.google.com">...</blockquote>

 

- HTML 약자(abbreviation/acronym), 주소(address)

약자(abbreviation/ acronym)는 약자 앞에서 <abbr>로 표시한다. title="..."를 추가해서 표시하면 화면 약자에 커서를 댔을 때 원래의 풀 네임을 확인 할 수 있다.

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

 

주소(address)는 문서나 기사의 소유자의 연락처 정보를 포함한다. <address>로 표시한다. 웹 브라우저 상에는 이탤릭체로 표시된다. 대부분 줄바꿈 <br>을 포함한다.

<address>

Written by Euneun.<br>

Visit us at:<br>

dowhateveryouwant1661.com<br>

</address>

 

- HTML 인용(cite), 양방향 재정의(bi-directional override)

인용(cite)은 작품/작업의 제목 부분에 사용한다. <cite>를 사용하며 화면에서는 이탤릭체로 표시된다.

<p><cite>The Scream</cite> by Edvard Munch</p>

 

양방향 재정의(bi-directional override)는 보통 왼쪽에서 오른쪽으로 쓰는 문자를 역순으로 오른쪽에서 왼쪽으로 쓰는것이다. 예를 들어, 안녕하세요? 에 해당하는 것을 ?요세하녕안 이렇게 표시되도록 하는 것이다. 이걸 왜 사용해야하는 건지 딱히 잘 모르겠긴 하다.

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

여기서 rtl은 right to left를 의미하나보다.

 

 

2. HTML 논평(comment)

논평(comment) 태그는 HTML 소스코드에 견해를 집어넣고자 할 때 사용한다. 느낌표와 대쉬 두 개로 표시하면 끝!

<!-- ... -->와 같으며 웹 브라우저에 표시되진 않고 작성자가 메모하고 싶은 내용을 넣을 수 있겠다.

<!-- Remember to add more information here-->

 

src: w3school.com

댓글