HTML에서 <small> 태그는 텍스트를 한 단계 작은 크기로 표시하는 '작은 서식(small formatting)'을 정의할 때 사용합니다. <small>...</small> 태그로 감싼 텍스트는 주변 일반 텍스트보다 작은 글꼴로 렌더링됩니다.
주의할 점은 <small> 태그를 반드시 문단을 나타내는 <p>...</p> 태그 내부에 작성해야 한다는 것입니다.
사용 예시
아래 코드를 실행하면 HTML 페이지에서 작은 글씨 서식이 어떻게 적용되는지 직접 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML small font</title> </head> <body> <h1>Heading</h1> <p> This is demo text<br> <small> This text will be smaller </small> </p> </body> </html>
실행 결과
위 코드를 브라우저에서 실행하면 <small> 태그로 감싸진 "This text will be smaller" 부분만 나머지 본문 텍스트보다 작은 크기로 출력되는 것을 확인할 수 있습니다.
참고 사항
<small> 태그는 단순히 글자를 작게 만드는 시각적 효과뿐 아니라, 저작권 표기, 법적 고지, 주석 등 부가적인 세부 사항(side comments)을 의미론적으로 나타낼 때도 사용됩니다. 글자 크기를 자유롭게 조절하고 싶다면 CSS의 font-size 속성을 활용하는 것이 더 유연합니다.