Html에서 fontsize와 h태그가 중요한 이유

HTML 문서 작성 시 글자의 크기는 웹 페이지의 가독성과 사용자 경험에 큰 영향을 미치는 중요한 요소입니다. 

그 중에서 마크업 언어에 해당이 되는 html에선 폰트 사이즈를 조절 할 수 있는 <FONT SIZE>란 선택자는 웹 문서의 레이아웃을 조율하고 사용자들이 해당 문단에 대한 소제목으로 인식이 되는 크기를 사용을 하여 가독성과 가시성을 둘 다 높일 수 있으며

이런 태그와 선택자를 적절하게 활용함으로써 매력적인 콘텐츠를 가진 웹 페이지로 디자인하고 유저들에겐 이해 하기 쉬운 높은 가독성, 그리고 크롤링 봇에겐 중요도를 알려주는 역할을 하기 때문에 구조화를 나누는 것은 굉장히 중요한 작업입니다.

h태그와 font-size 사용 예시


<h2 id="big-size">부제목 부분 입니다요</h2>

<style>
# big-size{
    font-size:25px;
}

</style>

가독성과 사용자 경험의 품질을 올려주기

앞서 설명한 부분 중 가장 주목할 만한 기능은 웹 페이지의 구조와 콘텐츠를 시각적으로 어떤 성격을 가진 문단인지 알릴 수 있는 능력입니다. 제목을 나타내는 H 태그와 글자 크기를 조절하는 FONT 태그는 각각 다른 목적에 따라 다르게 활용됩니다.


H태그는 주로 제목을 강조하며, 글자 크기 뿐 아니라 글꼴과 굵기 등의 스타일도 변화시킵니다. 반면 FONT 태그는 본문 내용의 가독성을 높이기 위해 주로 글자 크기를 조절합니다. 이러한 차이점을 명확히 이해하고 적절하게 활용함으로써 사용자들이 웹 페이지를 보다 쉽게 탐색하고 이해할 수 있습니다.


그러나 글자 크기를 조절하는 과정에서도 지나친 사용은 조심해야 합니다. 글자 크기가 너무 작으면 독자들이 내용을 불편하게 여길 수 있고, 글자 크기가 지나치게 커지면 레이아웃이 어색해지거나 시각적인 조화가 깨질 수 있습니다. 중요한 내용은 적절한 크기로 강조하면서도 일관된 디자인과 사용자 경험에 대한 문서를 깊게 이해를 한 다음 경험을 쌓는 게 핵심 포인트 입니다.


글자 크기를 조절하는 것 외에도 글꼴의 선택, 색상 활용, 줄 간격 등 다양한 스타일 속성을 활용하여 웹 페이지의 시각적 표현을 향상시킬 수 있습니다. 특히 반복되는 키워드를 다양한 표현으로 대체함으로써 콘텐츠의 다양성과 풍성함을 더할 수 있습니다. 


또한, 명확한 중요도가 나뉘어져 있는 H태그(ex : h1~ h6)와 달리 font-size는 단순히 크기를 지정하기 때문에, 보다 명확한 주제를 다루는 문단을 사용할 경우엔 h태그의 사용이 필수적으로 작용이 됩니다.



종합적으로 본다면?

종합하면, HTML 문서 작성 시 글자 크기는 사용자 경험에 막대한 영향을 미치는 중요한 디자인 요소입니다. FONT SIZE 태그를 효과적으로 활용하여 웹 페이지의 레이아웃과 가독성을 최적화하며, 사용자들이 웹 페이지를 편안하게 탐색하고 이해할 수 있도록 돕는 것이 중요합니다. 이를 위해서는 지나친 키워드 반복을 피하고 다양한 표현을 활용하여 콘텐츠를 풍성하게 만들어야 합니다.