본문 바로가기
IT 인터넷 통신

티스토리 블로그 글쓰기 내용의 html 모드 제목 구성

by Johblack 2023. 6. 27.
반응형

티스토리 블로그에서 글쓰기 하실 때 기본모드를 html로 변경하고 작성하면 각 제목(제목 1~제목 3)에 해당되는 h 태그들이 어떻게 구성되는지 확인해 보겠습니다. 글 작성 시 사용한 제목 외에도 티스토리 포스팅을 구성하고 있는 항목들이 제목과 함께 h 태그로 설정되어 사용된다는 점을 글쓰기 시 참고하시기 바랍니다.

 


티스토리 블로그 글쓰기 내용의 기본모드와 HTML 모드 제목 구성

티스토리 블로그 글을 쓸 때 마다 빈 공간에 쓰는 것이 힘들다면 서식을 먼저 만들고 불러와서 활용하는 방법에 대해서 먼저 설명한 적이 있습니다.(글쓰기 서식 만들고 활용하는 방법) 서식은 다음과 같이 간단하게 전체 내용의 제목을 결정하고 그에 맞게 본문 내용을 작성할 수 있도록 만들어서 사용하시면 됩니다.

 

티스토리 글쓰기 기본모드 제목 구성 예시

 

  • 전체 제목 (카테고리 아래)
  • ---------------------------------------------------------------
  • 제목 1 (본문 시작)
  • 제목 2
  • 제목 3

 

티스토리 글을 작성하실 때 위와 같은 기준으로 작성한다고 가정하면 해당 포스팅 글의 전체 제목과 함께 본문의 내용으로는 제목 1, 제목 2, 제목 3 각각의 제목과 그에 대한 본문 내용으로 구성되어 작성하시면 됩니다. 그렇다면 해당 내용이 html로 바꿔서 보는 경우에 제목은 어떤 H 태그로 구성되어 보일지 이어서 확인해 보겠습니다.

티스토리 h1 태그 제목 관련 화면
티스토리 h1 태그 제목 관련 화면

 


티스토리 블로그 글쓰기 내용의 html 모드 제목(h tag) 구성

티스토리 글쓰기에서 사용된 문단모양의 제목들은 html 모드로 변경하여 소스 코드를 확인하면 각각 h tag들로 확인이 됩니다만 제목뿐만 아니라 다른 항목들도 h tag로 지정된 것들이 있기 때문에 주로 어떤 내용들이 h tag들로 구성되어 있는지 확인하고 이용하시기를 추천드립니다.

 

티스토리 글쓰기 HTML 모드 변경 시 제목의 h 태그 구성 예시

 

  • h1 : 전체 제목과 함께 블로그명도 h1 태그로 같이 포함됨
  • ---------------------------------------------------------------
  • h2 : 제목 1 뿐 아니라 티스토리 글의 다른 부가 제목도 h2 태그로 포함됨
    • 제목1 (본문 시작)
    • 태그
    • 관련글
    • 댓글
    • 공지사항
  • h3 : 제목 2에 해당
    • 제목2
  • h4 : 제목 3과 함께 같은 카테고리의 다른 글 항목도 h4 태그로 정의
    •  제목3
    • OOO 카테고리의 다른 글

 

위의 내용에서 보시는 것과 같이 티스토리 글의 전체 제목, 제목 1, 제목 2, 제목3이 html h 태그의 h1, h2, h3, h4와 각각 매핑이 되긴 하지만 그 외에 다른 항목들도 같이 각각의 h 태그로 작성되어 있음을 확인하실 수 있습니다. 또한 전체 제목 뿐 아니라 블로그명도 h1 태그로 정의되어 있는 것 또한 참고하시기 바랍니다.

티스토리 html 모드 편집 화면
티스토리 html 모드 편집 화면

 

반응형

 


티스토리 블로그 글쓰기 내용의 html 모드 제목 구성 요약

결론부터 말씀드리면 티스토리 글쓰기에서 사용되는 전체 제목을 포함하여 문단모양의 제목1, 제목2, 제목 3과 html로 편집 모드를 변경했을 때 h1, h2, h3, h4 태그가 서로 매핑은 되지만 h1, h2, h4 태그의 경우는 제목뿐만 아니라 포스팅 글의 다른 항목들까지 포함되어 있다는 것을 참고하시면 되겠습니다.

 

구분 h tag 해당 제목 추가 항목
제목 h1 전체 제목 블로그명
본문 h2 제목1 태그, 관련글, 댓글, 공지사항 등
h3 제목2 -
h4 제목3 같은 카테고리 다른 글 항목

 


그럼 지금까지 티스토리 블로그 글쓰기 내용의 html 모드 제목 구성에 대해서 알아보았습니다. 본 글은 티스토리 글쓰기 시 문단모양의 제목 1~3을 이용하여 작성한 경우를 예시로 들었으며 각각의 제목들이 html 소스로 변환하여 볼 경우에는 어떤 h tag로 각각 지정되어 있는지를 확인하실 수 있는 정보로 티스토리 블로그 운영에 참고가 되셨으면 합니다.

 


 

▶ 티스토리 글쓰기 관련 글 바로가기 

[IT 인터넷 통신] - 티스토리 블로그 글쓰기 서식 만들고 활용하는 방법 (기본서식 1)

 

티스토리 블로그 글쓰기 서식 만들고 활용하는 방법 (기본서식1)

티스토리 블로그에서 먼저 서식을 만들어 두고 글쓰기를 할 때마다 가져와서 활용하는 방법에 대해서 알아보겠습니다. 사용된 서식은 기본 서식 1로 서두, 제목 1, 2, 3과 마무리, 참고자료로 구

johblack.tistory.com

 

반응형

댓글