아카이브사이트맵
© 2026 Rayon. All rights reserved.
DevDay
아티클랭킹스페이스채용
넷마블 favicon넷마블

문서 구조, 제목 스타일로 잡으세요!

by DD
2023-08-16
2년 전
조회수 2

HTML H태그를 활용한 제목 스타일 지정은 문서 구조의 핵심

CSS를 통해 제목 스타일의 외형을 관리하고, 마크다운과 HTML의 관계를 설명

SEO는 중요하지 않으며, 문서 내 제목 스타일 순서를 일관되게 유지하는 것이 중요

H태그와 CSS의 역할 분담

HTML의 H태그는 문서의 구조를 정의하고, CSS는 시각적인 스타일을 담당한다. 구체적으로, H1~H6 태그는 제목의 계층 구조를 나타내며, 폰트 크기, 색상 등은 CSS로 제어한다. 따라서, 문서 구조와 스타일을 분리하여 유지보수성을 높인다.

제목 스타일 계층 관리의 중요성

제목 스타일의 계층 구조를 일관되게 유지하는 것은 문서의 가독성을 높인다. 하행 시 0~1단계로, 상행 시 자유롭게 제목 단계를 구성한다. 반면, 제목 스타일의 외형에 집중하면 CSS 수정 시 일관성을 잃을 수 있다. 따라서, 문서의 논리적 구조에 집중해야 한다.

SEO보다 중요한 문서 구조

대부분의 문서가 SEO에 최적화될 필요는 없다. 구체적으로, 내부 문서에서는 검색 기능에 초점을 맞추는 것이 더 중요하다. 따라서, 제목 스타일을 일관되게 유지하고, 문서 내 검색 결과의 관련도를 높이는 것이 중요하다.

제목 스타일 단계는 문서 구조의 기둥과 보
중급
트렌드
HTML
CSS
Markdown
Frontend
원문 읽기
원문 읽기

관련 추천 글

마크다운 대신 HTML을 써야 하는 이유

테오 로고

올리브영 기술 블로그, Github Pages와 Jekyll로 뚝딱!

올리브영 로고

CSS, Tailwind에서 벗어나 바닐라 CSS로 돌아가다!

해커뉴스 로고

마크다운(Markdown) 등장, 개발자들은 왜 열광했을까?

랍스타즈 로고

마크다운의 불편한 진실, 이제 그만!

테오 로고

이메일처럼 쉽게 웹 페이지를! Markdown의 등장

레딧 로고

댓글 0

첫 번째 댓글을 남겨보세요!
넷마블 favicon넷마블
중급
트렌드
HTML
CSS
Markdown
Frontend

관련 추천 글

마크다운 대신 HTML을 써야 하는 이유

테오 로고

올리브영 기술 블로그, Github Pages와 Jekyll로 뚝딱!

올리브영 로고

CSS, Tailwind에서 벗어나 바닐라 CSS로 돌아가다!

해커뉴스 로고