그룹핑(Grouping) 요소

<address>

  • <address> 요소

    • <a> href="tel:" : 전화

    • 사람 또는 조직의 정보를 제공할 때 사용 (전화, 팩스, 주소, 사업자 번호 등)

    • 조직의 저작자의 정보를 사용할 때는 <small>을 사용

<small>

  • 덧붙이는 글이나, 저작권과 법률 표기 등의 작은 텍스트를 나타낸다.

  • 단, 글씨의 크기를 작게 표현하기 위해 <small>요소를 사용해서는 안된다. 그 경우엔 CSS를 사용해야 한다.

예제

<p>MDN Web Docs is a learning platform for Web technologies and the software that powers the Web.</p>

<hr>

<p><small>The content is licensed under a Creative Commons Attribution-ShareAlike 2.5 Generic License.</small></p>

결과

<pre>

  • <pre> (Preserved text) 요소

    • 코드의 공백이나 줄바꿈을 보존한다.

    • 이메일, 빈 줄이 표시된 단락, 글 머리표가 붙은 줄로 표시된 목록 등에 사용.

    • 컴퓨터 코드(언어) 표시 목적으로 사용.

    • 컴퓨터 코드, 출력, 키보드 블록을 나타내기 위해 <pre> 요소는 <code>, <samp>, <kbd> 요소와 함께 사용 가능.

<pre>
____  ∧ ∧
|\ /(´~`)\<변화구
| | ̄ ̄ ̄ ̄ ̄|
| |=みかん=|
 \|_____|
</pre> 
 
<pre> 
<code>
body {
  color:red;
}
</code>
</pre>

Last updated

Was this helpful?