티스토리 블로그 작성 팁: h 태그의 의미와 활용법, 본문 크기 조절하는 방법

티스토리 블로그 작성할 때 h 태그 뜻과 활용법, 본문 크기 변경하는 방법과 변경해야 하는 이유에 대한 글을 작성해 드리겠습니다. 

@pexels

h 태그란 무엇인가?

 

 

h 태그는 heading의 약자로, 제목을 표현할 때 사용하는 HTML 태그입니다. 티스토리에는 h 태그 종류가 h1, h2, h3, h4까지 있습니다. 그중 h1이 가장 중요한 글 제목이고 그다음이 h2 -> h3 -> h4라고 생각하면 쉽습니다.

h 태그는 글의 구조와 계층을 나타내는 역할을 합니다. 예를 들어, 책의 목차에서 대제목과 소제목을 구분하는 것과 비슷합니다. h 태그를 올바르게 사용하면 글의 가독성과 검색엔진 최적화(SEO)에 도움이 됩니다.

h 태그의 활용법

h 태그를 사용하려면 티스토리 글 작성 화면에서 기본모드에서 html 모드로 변경해야 합니다. html 모드에서는 <h1> … </h1> 이런 식으로 태그를 입력할 수 있습니다. 예를 들어, 이 글의 첫 번째 소제목은 <h2> h 태그란 무엇인가?</h2> 로 작성되었습니다.

h 태그를 사용할 때 주의할 점은 다음과 같습니다.

● 글은 반드시 h1인 제목 태그부터 시작하여 단계별로 h 태그가 지정되어 작성되어야 합니다.

● h1 태그는 글의 전체 제목이며 이는 반드시 있어야 하고 두 개 일 수 없으며 한번 지정되면 바꾸기 어려우니 제목을 정할 때 신중해야 합니다.

● h2 태그 (제목 1)부터는 글에 지정이 되어 있느냐? 가 일차적으로 중요하고, 그 내용이 h1의 내용과 연관성이 클수록 좋습니다.

● h3 태그 (제목 2)부터는 글에 지정된 숫자가 많을수록 좋지 않으며, 너무 많으면 가독성이 떨어집니다.

● h4 태그 (제목 3)는 거의 사용하지 않으며, 필요한 경우에만 사용합니다.

 

본문 크기 변경하는 방법

티스토리 본문 글자 크기를 변경하려면 CSS 편집을 해야 합니다. CSS 편집은 티스토리 관리자 페이지에서 스킨 편집 -> CSS 편집에서 할 수 있습니다.

CSS 편집 화면에서 다음과 같은 코드를 찾거나 추가합니다.

/* 본문 */
#tt-body .tt-article .tt-post-content {
    font-size: 14px;
    line-height: 1.8;
}

여기서 font-size와 line-height를 원하는 값으로 변경하면 됩니다. font-size는 글자 크기를 의미하고, line-height는 줄 간격을 의미합니다. 예를 들어, font-size를 16px로, line-height를 2로 변경하면 글자가 더 커지고 줄 간격이 더 넓어집니다.

변경한 후에는 저장하기 버튼을 눌러야 적용됩니다.

본문 크기 변경해야하는 이유

본문 크기를 변경하는 이유는 다음과 같습니다.

● 본문 크기가 너무 작으면 읽기 힘들고 눈이 피로해집니다. 반대로 너무 크면 스크롤을 많이 해야 하고 화면에 들어가는 내용이 적어집니다. 적절한 본문 크기는 읽기 편하고 가독성이 좋습니다.

● 본문 크기는 스킨에 따라 다르게 설정되어 있습니다. 따라서 스킨을 바꾸면 본문 크기도 바뀔 수 있습니다. 자신이 원하는 스킨과 본문 크기를 맞추려면 CSS 편집을 해야 합니다.

● 본문 크기는 화면의 크기와 해상도에 따라 다르게 보일 수 있습니다. 예를 들어, 모바일에서는 데스크탑보다 작은 화면에 맞춰서 본문 크기가 줄어들 수 있습니다. 이런 경우에도 CSS 편집을 통해 반응형 웹 디자인을 적용할 수 있습니다.

 

마치며

이상으로 티스토리 블로그 작성할 때 h 태그 뜻과 활용법, 본문 크기 변경하는 방법과 변경해야하는 이유에 대해 알아보았습니다. 티스토리 블로그는 HTML과 CSS를 이용하여 다양하게 꾸밀 수 있는 장점이 있습니다. 티스토리 블로그를 잘 활용하시고, 좋은 글 많이 작성하시길 바랍니다.