비교
HTML vs CSS
HTML은 웹 페이지의 구조와 내용을 정의하고 CSS는 표현과 레이아웃을 제어합니다. 서로 경쟁하는 형식이 아니라 함께 사용합니다.
어떤 형식을 선택해야 할까요?
제목, 문단, 링크와 문서 의미에는 HTML을, 색상, 글꼴, 간격과 배치에는 CSS를 사용하세요. 역할을 분리하면 내용과 디자인을 관리하기 쉽습니다.
적합한 경우 HTML
웹 페이지의 구조와 콘텐츠 작성
- 의미 있는 제목, 문단, 링크
적합한 경우 CSS
HTML 및 호환 문서 스타일 지정
- 공통 색상, 글꼴, 간격, 레이아웃
기본 정보
| 항목 | HTML | CSS |
|---|---|---|
| 확장자 | .html, .htm | .css |
| MIME 유형 | text/html | text/css |
| 주요 용도 | 웹 페이지의 구조와 콘텐츠 작성 | HTML 및 호환 문서 스타일 지정 |
| 여는 방법 | 브라우저나 텍스트 편집기로 엽니다. 공개 전 대상 브라우저에서 표시를 확인합니다. | 텍스트로 편집하고 관련 HTML과 함께 대상 브라우저 및 화면 크기에서 미리 보세요. |
| 내보내기 또는 변환 | 필요에 따라 PDF로 출력할 수 있지만 링크와 동적 기능이 같은 방식으로 남지 않을 수 있습니다. | CSS 단독은 독립 문서가 아닙니다. HTML을 PDF 등으로 내보낼 때 레이아웃과 누락 스타일을 확인하세요. |
용도별 선택
의미 있는 제목, 문단, 링크
웹 페이지의 구조와 콘텐츠 작성
HTML공통 색상, 글꼴, 간격, 레이아웃
HTML 및 호환 문서 스타일 지정
CSS핵심 사항 1
HTML은 문서의 구조와 의미를 표현합니다.
차이 자세히 보기핵심 사항 2
CSS는 HTML 등의 문서에 적용할 표현 규칙을 제공합니다.
차이 자세히 보기자주 묻는 질문
CSS가 HTML을 대체할 수 있나요?
아니요. CSS는 표현을 제어하며 페이지에는 보통 HTML이나 다른 문서 구조가 필요합니다.