HTML의 기본 구성
!DOCTYPE
- DOCTYPE(DTD, Document Type Definition)은 마크업 언어에서 문서 형식을 정의한다.
- 이는 웹 브라우저에 제공될 HTML 문서가 어떤 버전으로 해석된 후 출력될지 정의하는 것이다.
- HTML은 크게 1, 2, 3, 4, XHTML, 5의 6가지 버전으로 분류되며, 현재의 표준 모드는 HTML 5 버전에 해당한다.
html
- HTML 문서의 전체 범위를 지정한다.
- 웹 브라우저가 해석해야 할 HTML 문서의 전체 영역, 즉 시작과 끝 지점을 알려 주는 역할을 한다.
head
- 웹 브라우저가 해석해야 할 HTML 문서의 정보 범위를 지정한다.
- 여기서 '정보'란 웹 페이지의 제목, 문자 인코딩 방식, 연결되는 외부 파일의 위치, 웹 페이지를 구조화하기 위한 기본 세팅 값 등을 의미한다.
body
- 웹 브라우저가 해석해야 할 HTML 문서의 구조 범위를 지정한다.
- 구조란 사용자가 화면을 통해 볼 수 있는 내용(contents)의 형태나 레이아웃 등을 의미한다.
- css로 표현하기 전까지 출력되는 요소를 정의한다.
- logo, header, footer, navigation, 메뉴, 버튼, 입력창, 팝업, 광고 등 보이는 모든 것들이 구조에 해당한다.
- 구조는 body의 범위 안에서만 생성하도록 해야 한다.
