<sub>: 아래 첨자 요소
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015년 7월.
HTML <sub> 요소는 활자 배치를 아래 첨자로 해야 하는 인라인 텍스트를 지정합니다. 아래 첨자는 보통 더 작은 글씨 크기를 가지고, 기준선을 아래로 내려 렌더링 합니다.
시도해 보기
<p>
Almost every developer's favorite molecule is
C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, also known as
"caffeine."
</p>
p {
font:
1rem "Fira Sans",
sans-serif;
}
특성
이 요소는 전역 특성만 포함합니다.
사용 일람
<sub> 요소는 타이포그래피적인 이유에 맞춰서만 사용해야 합니다. 타이포그래피적 이유란 기존의 관례나 표준이 아래 첨자로 나타내는 경우를 말하며, 단순히 작은 글자를 아래로 올려야 할 때는 사용해서는 안됩니다.
예를 들어 비즈니스나 상품의 워드마크 글씨 기준선을 내려야 한다면 <sub> 대신 CSS(대개 vertical-align)를 사용해야 합니다. vertical-align: sub를 사용할 수도 있고, 기준선을 25% 내려야 한다면 vertical-align: -25%로도 쓸 수 있습니다.
<sub>의 적절한 사용처 몇 가지는 다음과 같습니다.
예제
각주 표기
각주의 숫자를 아래 첨자로 나타내는 경우도 있으며, <sub>가 흔히 쓰이는 경우입니다.
<p>
According to the computations by Nakamura, Johnson, and Mason<sub>1</sub> this
will result in the complete annihilation of both particles.
</p>
변수 표기
수학에서는 같은 축 위의 점 여럿과 같이, 동일한 개념을 가리키는 변수의 무리는 같은 변수명을 사용하며, 뒤의 아래 첨자 숫자로 서로 구분합니다.
<p>
The horizontal coordinates' positions along the X-axis are represented as
<var>x<sub>1</sub></var> ... <var>x<sub>n</sub></var
>.
</p>
화학식
화학식에서 특정 원자의 수를 나타낼 때 아래 첨자를 사용합니다. H20의 아래 첨자 "2"는 화학식이 나타내는 물질에 수소 원자가 2개 존재한다는 뜻입니다.:
<p>
Almost every developer's favorite molecule is
C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, which is commonly known
as "caffeine."
</p>
명세
| Specification |
|---|
| HTML # the-sub-and-sup-elements |
브라우저 호환성
Loading…