From da78a9e329e272dedb2400b79a3bdeebff387d47 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:17 -0500 Subject: initial commit --- files/ko/web/html/element/sup/index.html | 142 +++++++++++++++++++++++++++++++ 1 file changed, 142 insertions(+) create mode 100644 files/ko/web/html/element/sup/index.html (limited to 'files/ko/web/html/element/sup/index.html') diff --git a/files/ko/web/html/element/sup/index.html b/files/ko/web/html/element/sup/index.html new file mode 100644 index 0000000000..f9478cdd6d --- /dev/null +++ b/files/ko/web/html/element/sup/index.html @@ -0,0 +1,142 @@ +--- +title: ': 위 첨자 요소' +slug: Web/HTML/Element/sup +tags: + - Element + - HTML + - HTML text-level semantics + - 'HTML:Flow content' + - 'HTML:Palpable Content' + - 'HTML:Phrasing content' + - Reference + - Web +translation_of: Web/HTML/Element/sup +--- +
{{HTMLRef}}
+ +

HTML <sup> 요소는 활자 배치를 위 첨자로 해야 하는 인라인 텍스트를 지정합니다. 위 첨자는 보통 더 작은 글씨 크기를 가지고, 기준선을 위로 올려 렌더링 합니다.

+ +
{{EmbedInteractiveExample("pages/tabbed/sup.html", "tabbed-shorter")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
콘텐츠 카테고리플로우 콘텐츠, 구문 콘텐츠, 뚜렷한 콘텐츠.
가능한 콘텐츠구문 콘텐츠.
태그 생략{{no_tag_omission}}
가능한 부모 요소구문 콘텐츠를 허용하는 모든 요소.
가능한 ARIA 역할모두
DOM 인터페이스{{domxref("HTMLElement")}}
+ +

특성

+ +

이 요소는 전역 특성만 포함합니다.

+ +

사용 일람

+ +

<sup> 요소는 타이포그래피적인 이유에 맞춰서만 사용해야 합니다. 타이포그래피적 이유란 기존의 관례나 표준이 위 첨자로 나타내는 경우를 말하며, 단순히 작은 글자를 위로 올려야 할 때는 사용해서는 안됩니다.

+ +

예를 들어 비즈니스나 상품의 워드마크 글씨 기준선을 올려야 한다면 <sup> 대신 CSS(대개 {{cssxref("vertical-align")}})를 사용해야 합니다. vertical-align: super를 사용할 수도 있고, 기준선을 50% 올려야 한다면 vertical-align: 50%로도 쓸 수 있습니다.

+ +

<sup>의 적절한 사용처의 몇 가지는 다음과 같습니다.

+ + + +

예제

+ +

지수 표기

+ +

위 첨자를 가장 많이 사용할만한 곳 중 하나는 거듭제곱의 지수 표기입니다.

+ +
<p>One of the most common equations in all of physics is
+<var>E</var>=<var>m</var><var>c</var><sup>2</sup>.<p>
+ +

{{EmbedLiveSample("지수_표기", 650, 80)}}

+ + + +

서수 표기

+ +

영어 "fourth", 스페인어 "quinto" 등 서수는 숫자와, 위 첨자로 표기한 언어별 특정 텍스트를 사용해 축약할 수 있습니다.

+ +
<p>The ordinal number "fifth" can be abbreviated in various
+languages as follows:</p>
+<ul>
+  <li>English: 5<sup>th</sup></li>
+  <li>French: 5<sup>ème</sup></li>
+</ul>
+ +

{{EmbedLiveSample("서수_표기", 650, 160)}}

+ +

명세

+ + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-sub-and-sup-elements', '<sub> and <sup>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'textlevel-semantics.html#the-sub-and-sup-elements', '<sub> and <sup>;')}}{{Spec2('HTML5 W3C')}}
+ +

브라우저 호환성

+ + + +

{{Compat("html.elements.sup")}}

+ +

같이 보기

+ + -- cgit v1.2.3-54-g00ecf