HTML : <small>, <sup>, <sub>

HTML : <small>, <sup>, <sub> 

---

HTML : <small>, <sup>, <sub>

<small> : 덧붙이는 글

 

예제 :

안녕하세요. 블로그에 와주셔서 감사합니다.
	Copyright Copyright
 

<pre>안녕하세요. 블로그에 와주셔서 감사합니다.
	<small>Copyright</small> Copyright
 </pre>

• 덧붙이는 글이나 저작권과 법률 표기 등의 작은 텍스트를 사용해야 할 때 사용한다.
• <p>보다 한 사이즈 작게 표현된다.

 

기술요약 

• 콘텐츠 카테고리 : 플로우 콘텐츠, 구문 콘텐츠
• 가능한 콘텐츠 : 구문 콘텐츠
• 태그 생략 : 종료 태그 생략 불가능
• 가능한 상위 요소 : 구문 콘텐츠를 허용하는 모든 요소

 

 

---

<sup> : 윗 첨자

 

예제 : 

영여 서수 적는법 
- 서수 = 기수th
- 네번째 = fourth

1^st

2^nd

3^rd

4^th

5^th

<pre>영여 서수 적는법 
- 서수 = 기수<mark>th</mark>
- 네번째 = four<mark>th</mark></pre>

<p>1<sup>st</sup></p><br/>
<p>2<sup>nd</sup></p><br/>
<p>3<sup>rd</sup></p><br/>
<p>4<sup>th</sup></p><br/>
<p>5<sup>th</sup></p><br/>

• 활자 배치를 윗 첨자로 해야 할 때 사용하는 인라인 텍스트이다.
• 거듭제곱의 지수 표기할 때 가장 많이 사용한다.
• 영어의 서수 등 숫자와 윗 첨자로 표기한 특정 텍스트를 사용할 때 축약할 수 있다.

 

기술 요약

• 콘텐츠 카테고리 : 플로우 콘텐츠, 구문 콘텐츠
• 가능한 콘텐츠 : 구문 콘텐츠
• 태그 생략 : 종료 태그 생략 불가능 
• 가능한 상위 요소 : 구문 콘텐츠를 허용하는 모든 요소

 

---

<sub> : 아랫 첨자

예제 : 

The horizontal coordinates' positions along the X-axis are represernted as x₁...x_n.

<p>The horizontal coordinates' positions along the X-axis are represernted as
<mark><var>x<sub>1</sub></var>...<var>x<sub>n</sub></var>.</mark></p>

• 아래 첨자를 작성하는 인라인 텍스트이다.
• 변수 표기, 화학식에 주로 사용된다.

 

기술 요약

콘텐츠 카테고리 : 플로우 콘텐츠, 구문 콘텐츠

가능한 콘텐츠 : 구문 콘텐츠

태그 생략 : 종료 태그 생략 불가능

가능한 상위 요소 : 구문 콘텐츠를 허용하는 모든 요소

 

 

 

 

 

 

 

---

2022.04.12 - [TIL/HTML] - HTML : 콘텐츠 카테고리 (Contents Category)

HTML : 콘텐츠 카테고리 (Contents Category)