FE/HTML

[HTML] HTML 공부 ( sub, sup 태그 )

지금해냥 2023. 7. 10. 10:40

모니터링 페이지 개발에서 SpO₂같은 문자를 매번 특수문자를 찾아가면서 사용하는게 불편했다.
HTML에서 윗첨자와 아랫첨자를 표기하기에 유용한 태그가 있어서 특수문자 대신에 사용하도록 변경했다.

`<sub>`: 텍스트를 **기준선 아래**로 표시할 때 사용 (ex. 화학식, 수학식 하단 첨자)
`<sup>`: 텍스트를 **기준선 위**로 표시할 때 사용 (ex. 지수, 각주 번호)

예시 코드

<p>물 분자 공식은 H<sub>2</sub>O입니다.</p>
<p>5<sup>2</sup> = 25</p>
<p>참고 자료<sup>1</sup>를 확인하세요.</p>



참조 블로그:

https://improver.tistory.com/45

 

[문돌이의IT]HTML 문서로 제곱을 나타내는 방법: <sub> <sup>태그 활용

HTML로 숫자의 제곱을 표현해보자. 한글이나 워드를 쓰면서도 고민하게 되는 부분이다. 태그를 이용하면 HTML에서는 간단하다. 비슷한 유형의 태그로는 태그가 있는데 이 녀석은 태그 안의 내용을

improver.tistory.com

 

LIST