[HTML] small 태그

인강을 듣다가 알게 된 small 태그

기록용으로 남겨본다.

---

small 태그란?

이전에는 단순히 기존 텍스트보다 작은 글씨로 표기되는 용도였으나, 

HTML5에서부터는 저작권이나 연락처, 법률 등을 표시할 때 사용되기 시작했습니다.

 

<테스트 사용 코드>

  <div class="container">
    <h3 style="text-align:center; padding-top:50px; padding-bottom:30px;">FAQ
      <small class="text-muted">with faded secondary text</small>
    </h3>
    <table class="table">
      <colgroup></colgroup>
      <thead>
        <tr>
          <th>No</th>
          <th>FAQ Title</th>
          <th>Category</th>
          <th>Date</th>
          <th>Hit</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td>FAQ 제목 들어가는 자리</td>
          <td>이용안내</td>
          <td>2023.01.01</td>
          <td>84</td>
        </tr>
      </tbody>
    </table>
  </div>

 

<실제 화면>

 

실제로 적용해보았을 때 css에도 자동으로 font-size:smaller; 이 적용됨을 확인할 수 있습니다.

 

 

 

<Can I use it 사이트에서 크로스 브라우징 체크>