HTML & CSS

[HTML] 문서의 기본 구조

수이르 2019. 3. 15. 14:56

HTML 문서 구조

<!DOCTYPE html>
<html lang="ko">
   <head>
       <meta charset="UTF-8">
       <title>HTML</title>
   </head>
   <body>
       <h1>Hello, HTML</h1>
   </body>
</html>

1. DTD 선언

문서 타입을 정의하는 문구, 선언문에 따라 브라우저 렌더링 모드가 정해진다.

반드시 문서 최상단에 위치, <html> 태그보다 위에 선언돼야 한다.

2. html 태그 lang 속성

검색엔진이나 브라우저가 어떤 언어로 작성되었는지 알 수 있게 나타내는 속성

3. head 태그

브라우저에 표시되지 않는 문서의 기본정보 설정(meta, title ..)이나 외부 스타일 시트, JS 파일을 연결한다.

4. body 태그

실제 브라우저에서 나타나는 내용들이 들어가는 태그