A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.cdn.mozilla.net/ko/docs/Web/HTML/Reference/Elements/sub below:

<sub>: 아래 첨자 요소 - HTML: Hypertext Markup Language

<sub>: 아래 첨자 요소

Baseline Widely available

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>
명세 브라우저 호환성 같이 보기

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4