설명
The HTML Small Element (<small>) makes the text font size one size smaller (for example, from large to medium, or from small to x-small) down to the browser's minimum font size.
<small> 요소는 텍스트의 폰트 크기를 한단계 줄여준다. 예를 들면, large에서 medium, medium에서 small, small에서 x-small 이런 식으로 단계별로 폰트크기를 줄일 수 있다. 단, 폰트크기는 브라우저의 최소 폰트크기(minimum font size)까지만 줄일 수 있는데, 이는 지나치게 작은 폰트를 읽지 못하는 사용자들을 위해 사용자가 지정한 크기 이하로 글자가 작아지는 것을 막기 위한 기능이다. 최소 폰트크기 설정은 파이어폭스, 크롬, 사파리, 오페라 등의 브라우저에서 지원하며, 인터넷 익스플로러8은 지원하지 않는다 (지원하는 브라우저와 버전을 더 명확하게 하는것이 좋을 것 같습니다).
Usage Context
| Permitted content | Phrasing content |
| Tag omission | None, must have both a start tag and an end tag. |
| Permitted parent elements | Any element that accepts phrasing content, or any element that accepts flow content. |
| Normative document | HTML5, section 4.6.4; HTML 4.01, section 15.2.1 |
속성
이 엘리먼트는 전역속성을 지원한다.
예제
<p>This is the first sentence. <small>This whole sentence is in small letters.</small></p>
<p>This is the first sentence. <span style="font-size:0.8em">This whole sentence is in small letters.</span></p>
<p>첫번째 문장입니다. <small>한단계 글자크기를 줄인 문장입니다.</small></p> <p>두번째 문장입니다. <span style="font-size:0.8em">CSS를 사용해서 글자크기를 좀 작게 표시했고요. </span></p>
Although the <small> element, like the <b> and <i> elements, may be perceived to violate the principle of separation between structure and presentation, all three are valid in HTML5. Authors are encouraged to use their best judgement when determining whether to use <small> or CSS.
일반적으로 현대의 웹표준에서는 문서의 내용과 표현을 분리하도록 하는 원칙이 있다. 문서의 내용은 HTML에서 그리고 표현은 CSS에서 각각 분리하여 담당함으로써, 하나의 HTML 문서를 CSS만 달리해서 휴대전화, 태블릿 같은 다른 클라이언트 기기에 최적화된 화면으로 제공할 수 있게하고, 개발자와 디자이너가 각각 HTML과 CSS를 담당하여 동시에 작업진행이 가능하므로 협업에도 도움이 된다는 원칙이다.
<small> 요소는 폰트의 크기를 HTML에서 조절해주기 때문에 "내용과 표현 분리의 원칙"을 위배하는 것으로 인식될 수 있다. 이는 폰트를 진하게 해주는 <b>요소나 이탤릭체로 만들어주는 <i>요소의 경우와 비슷하다. 위 세 요소들 모두 HTML5에서 유효하게 사용되고 있다. 단, 저작자는 HTML의 <small> 요소를 사용할지, 같은 효과를 내는 CSS의 smaller 프로퍼티를 사용할지 주의해서 결정해야한다.
DOM Interface
This element implements the HTMLElement interface.
<small> 요소는 DOM의 인터페이스 중 HTMLElement를 구현했다. DOM은 HTML을 프로그래밍적으로 제어하기 위한 표준이다.
Implementation note :
up to Gecko 1.9.2 inclusive, Firefox implements the HTMLSpanElement interface for this element.
구현시 참고사항:
버전 4.0 이전의 파이어폭스는 이 요소를 HTMLSpanElement 인터페이스로 구현한다. HTMLSpanElement는 W3C의 DOM 스펙에는 없다.
호환성
| 기능 | 구글크롬 | 파이어폭스Gecko) | 인터넷 익스플로러 | Opera | Safari |
|---|---|---|---|---|---|
| 기본적인 지원 |
| 기능 | 안드로이드 | 파이어폭스 모바일(Gecko) | 인터넷 익스플로러 모바일 | 오페라 모바일 | 사파리 모바일 |
|---|---|---|---|---|---|
| 기본적인 지원 |
참고
- https://developer.mozilla.org/en/HTML/Element/small
- HTML Big Element
- HTML Font Element
- HTML Style Element
- HTML 4.01 Specification: Font Styles
