<small> 태그의 정의 및 사용법
<small> 태그는
타이포그래피적 규칙이나 관례상 작은 텍스트로 표현되었던
법적 고지, 주의 사항 등의 사이드 코멘트(the side comment, 덧붙임 글)를 나타냅니다.
주로 일반적으로 면책 조항, 경고, 법적 제한 등의 법적 고지나 주의 사항 등 페이지의 주요 콘텐츠 내용에 대한 부수적인 짧은 텍스트에만 사용됩니다.
사용법 참고사항
HTML5 이전 <small> 태그는 단순한 스타일 지정을 위한 태그로 사용되어 텍스트 크기를 작게 만드는 용도로 활용되었습니다.
하지만, HTML5에서는 의미론적인 역할이 부여되어 법적 고지, 주의 사항 등의 사이드 코멘트(the side comment, 덧붙임 글)를 나타냅니다. 여전히 대부분의 브라우저에서는 기본 글자 크기보다 작은 크기의 글자로 표현됩니다. 하지만, 스타일을 적용한 후에도 글씨 크기가 작을 필요는 없습니다.
예제
다음은 <small> 태그의 사용 예제입니다.
법적 고지에 사용
법적 고지에 사용됩니다.
아래의 예제에서는 <small> 태그로 해당 콘텐츠의 라이선스를 명시하고 있으며, 이는 사용자가 콘텐츠를 어떻게 사용할 수 있는지를 설명하는 중요한 정보입니다.
코드 부연설명
<hr> 태그는 문단 수준 요소 사이의 주제 구분(예를 들어 장면 전환, 참고서의 섹션 내 다른 주제로의 이동 등)을 나타내는 태그입니다.
대부분의 브라우저에서 가로로 구분선(horizontal rule)이 표시됩니다.
부수적인 주의 사항 등에 사용
부수적인 주의 사항에 사용됩니다.
아래의 예제에서는 <small> 태그로 호텔 객실 가격에 부가가치세가 포함되지 않았음을 나타내는 데 사용됩니다.
코드 부연설명
<dl> 태그는 설명 목록(description list)를 나타내는 태그입니다.
대부분의 브라우저에서는 <small> 태그의 글자 크기(font-size)를
기본 글자 크기보다 작은 크기의 글자(smaller)로 설정하고 있습니다.
다음의 예제는 <small> 태그가 독자에게 Foo 뉴스와 예제 주식회사 간의 관계를 명확히 알려주어 정보를 더 잘 이해하도록 돕는 주의 사항으로 사용한 것입니다.
주의할 점
다음의 예제로 살펴보겠습니다.
위 예제는 중요한 것을 나타내는 <strong> 태그 내에 <small> 태그를 사용했습니다.
하지만, <small> 태그가 이 문구의 중요성을 "비강조"하거나 낮추지 않고 유지합니다.
또한, <small> 태그는 여러 문단, 목록 또는 텍스트 섹션과 같이 긴 텍스트에 사용해서는 안 됩니다. 짧은 텍스트에만 사용됩니다.
예를 들어, 이용 약관을 나열한 페이지의 텍스트는 <small> 태그에 적합한 사용이 아닙니다. 이러한 경우는 주요 콘텐츠 내용에 대한 부수적인 짧은 텍스트가 아니라 페이지의 주요 콘텐츠입니다.
브라우저 호환성
| 태그 |
데스크탑 Chrome
|
데스크탑데스크탑 Edge
|
데스크탑 Firefox
|
Safari
|
|---|---|---|---|---|
<small>
|
1 | 12 | 1 | 4 |
명세서
| 명세서 사양 | |
|---|---|
<small>
|
HTML Standard #the-small-element |