티스토리 블로그에서 글쓰기 하실 때 기본모드를 html로 변경하고 작성하면 각 제목(제목 1~제목 3)에 해당되는 h 태그들이 어떻게 구성되는지 확인해 보겠습니다. 글 작성 시 사용한 제목 외에도 티스토리 포스팅을 구성하고 있는 항목들이 제목과 함께 h 태그로 설정되어 사용된다는 점을 글쓰기 시 참고하시기 바랍니다.
티스토리 블로그 글쓰기 내용의 기본모드와 HTML 모드 제목 구성
티스토리 블로그 글을 쓸 때 마다 빈 공간에 쓰는 것이 힘들다면 서식을 먼저 만들고 불러와서 활용하는 방법에 대해서 먼저 설명한 적이 있습니다.(글쓰기 서식 만들고 활용하는 방법) 서식은 다음과 같이 간단하게 전체 내용의 제목을 결정하고 그에 맞게 본문 내용을 작성할 수 있도록 만들어서 사용하시면 됩니다.
티스토리 글쓰기 기본모드 제목 구성 예시
- 전체 제목 (카테고리 아래)
- ---------------------------------------------------------------
- 제목 1 (본문 시작)
- 제목 2
- 제목 3
티스토리 글을 작성하실 때 위와 같은 기준으로 작성한다고 가정하면 해당 포스팅 글의 전체 제목과 함께 본문의 내용으로는 제목 1, 제목 2, 제목 3 각각의 제목과 그에 대한 본문 내용으로 구성되어 작성하시면 됩니다. 그렇다면 해당 내용이 html로 바꿔서 보는 경우에 제목은 어떤 H 태그로 구성되어 보일지 이어서 확인해 보겠습니다.
티스토리 블로그 글쓰기 내용의 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 모드 제목 구성 요약
결론부터 말씀드리면 티스토리 글쓰기에서 사용되는 전체 제목을 포함하여 문단모양의 제목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)
'IT 인터넷 통신' 카테고리의 다른 글
씽크존 홈페이지 회원 가입 방법 (thinkzon) (0) | 2023.07.06 |
---|---|
전화권유판매 수신거부의사 등록시스템 이용 방법 (0) | 2023.06.29 |
노션 Notion AI 기초 사용법 (최초 무료 가입자용) (0) | 2023.06.25 |
핸드폰으로 찍은 사진 위치 찾는 방법 (1) | 2023.06.24 |
카카오톡 채팅방 조용히 나가는 방법 (0) | 2023.06.06 |
댓글