1. <html></html>
-
HTML 문서의 시작과 끝 범위를 설정하며, 우리가 작성할 수 있는 모든 HTML 내용을 이 범위 안에 작성합니다. 블록 요소입니다(display: block;).
-
HTML 문서 내 하나만 작성이 가능하며, 이 태그 안에 작성을 html 모든 내용들을 작성해야만 브라우저나 검색 엔진이 HTML 문서의 내용을 해석할 수 있습니다.
-
속성 의미 값 lang 문서의 언어 ko, en, ...
html 태그에 lang이라는 전역 속성을 사용할 수 있습니다.
ex) <html lang="ko"> ,,, </html>위 예제는 HTML 문서가 기본적으로 한국어를 갖는다고 명시합니다.
2. <head> </head>
-
문서의 정보를 입력하는 영역입니다(display: none;).
-
HTML 문서 내 하나만 작성할 수 있습니다.
3. <body> </body>
-
문서의 구조를 작성하는 영역입니다(display: block;).
-
HTML 문서 내 하나만 작성할 수 있습니다.
HTML 기본 구조
<!DOCTYPE html5>
<html>
<head>
<!-- 문서의 정보, 메타 데이터... -->
</head>
</body>
<!-- 문서의 구조, 콘텐츠... -->
</body>
</html>모든 HTML 문서들은 기본적으로 무조건 하나의 html, head, body 태그를 갖고 있어야 합니다.
head 태그는 html 태그의 첫 번째 자식 요소로, body 태그는 두 번째 자식 요소로 작성해줍니다.
<!DOCTYPE html>
: 이 태그 이하의 내용은 html5 버전으로 해석되어 브라우저에 렌더링해야한다고 명시하는 태그입니다(생략가능).
Frontend Dev