728x90
반응형
▶ !DOCTYPE
-
DOCTYPE(DTD, Document Type Definition)은 마크업 언어에서 문서 형식을 정의함.
-
이는 웹 브라우저에 제공될 HTML 문서가 어떤 버전으로 해석된 후 출력될지 정의.
-
HTML은 크게 1, 2, 3, 4, XHTML, 5의 6가지 버전으로 분류됨.
-
현재의 표준 모드는 HTML 5 버전.
<!-- HTML 5 -->
<!DOCTYPE html>
<!-- XHTML 1.0 Transitional -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
▶ <html>
-
HTML 문서의 전체 범위를 지정함.
-
웹 브라우저가 해석해야 할 HTML 문서의 전체 영역, 즉 시작과 끝 지점을 알려 주는 역할.
▶ <head>
-
웹 브라우저가 해석해야 할 HTML 문서의 정보 범위를 지정함.
-
여기서 '정보'란 웹 페이지의 제목, 문자 인코딩 방식, 연결되는 외부 파일의 위치, 웹 페이지를 구조화하기 위한 기본 세팅 값 등을 의미.
▶ <body>
-
웹 브라우저가 해석해야 할 HTML 문서의 구조 범위를 지정함.
-
구조란 사용자가 화면을 통해 볼 수 있는 내용(contents)의 형태나 레이아웃 등을 의미.
- css로 표현하기 전까지 출력되는 요소를 정의. -
logo, header, footer, navigation, 메뉴, 버튼, 입력창, 팝업, 광고 등 보이는 모든 것들이 구조에 해당함.
-
구조는 <body>의 범위 안에서만 생성하도록 함.
728x90
반응형
'HTML' 카테고리의 다른 글
| [HTML] Contents 구분(1) - header, footer, h1 ~ h6 (0) | 2020.08.21 |
|---|---|
| [HTML] Block 요소와 Inline 요소 (0) | 2020.08.20 |
| [HTML] 메타데이터(2) - <meta> (0) | 2020.08.20 |
| [HTML] 메타데이터(1) - title, link, style, MIME Type, base (0) | 2020.08.20 |
| [HTML] Empty tag(빈 태그) (0) | 2020.08.18 |
