웹페이지를 풍성하게 해주는 10가지 HTML5 Tags

참고

• 10 HTML Tags You May Not Be Using

1. <meter>

   웹페이지에서 측정값을 표현해야 할 경우 사용 할 수 있는 태그

   <meter value="300" min="0" max="500">300Gb of 500Gb</meter> occupied.
   

   300Gb of 500Gb occupied.

2. <progress>

   다운로드나 진행상황을 표현하기위해 위젯으로 사용하는 태그

   <progress value="50" max="100">50%</progress>
   <!-- Or equivalently: -->
   <progress value="0.5">50%</progress>
   

   50%

3. <cite> and <q>

   책, 기사 또는 다른이의 말을 인용 할 경우와 질문을 위한 태그

   We should fight for our rights because, as <cite>Ezra Pound</cite> said,
   <q>If a man isn't willing to take some risk for his opinions, either his 
   opinions are no good or he's no good.</q>
   

   We should fight for our rights because, as Ezra Pound said, If a man isn't willing to take some risk for his opinions, either his opinions are no good or he's no good.

4. <pre>

   <pre><code>
   function sayHello(name) {
       for (var i = 0; i < 3; i++) {
           console.log('Hi ' + name + '!');
       }
   }
    
   sayHello('Aurelio');
   </code></pre>
   

5. <kbd> and <samp>

   기술자나 엔지니어일 경우 간혹 터미널이나 유틸리티를 표현할 때가 있다 이를 위한 태그

   
   userid1@domain1:~$ ssh demo.example.com
   Last login: Tue Apr 12 09:10:17 2005 from test.example.com
   userid2@domain2:~$ _
   
   

   userid1@domain1:~$ ssh demo.example.com
   Last login: Tue Apr 12 09:10:17 2005 from test.example.com
   userid2@domain2:~$ _

6. <small>

   작은 글꼴 태그

   This article is offered to you by Username Copyright © 2014
   

   This article is offered to you by Username Copyright © 2014

7. <output>

   계산결과를 표현할 때 사용할 수 있는 태그

   
       
     Amount: 
     Percentage:
     
    
     Years:
     
    
     
    
     Total:
     
   
   
   
   

8. <dfn>

   용어등을 정의할 수 있는 태그

   HTML is the primary language for marking up web content.
   

   HTML is the primary language for marking up web content.

   HTML is the primary language for marking up web content.
   

   HTML is the primary language for marking up web content.