📌 HTML 문서의 기본 구조
vscode에서 위 extension을 설치하고,
위과 같이 html:5를 입력하면 이런 문서가 자동으로 생성된다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>✔️ 1. <!DOCTYPE>
- html 문서 맨 처음에 명시하여 html 버전을 나타냄
- 반드시 작성해야 하며,
<!DOCTYPE html>은 html5를 의미ex) XHTML의 경우 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
✔️ 2. <html>
- 이 태그는 문서가 html로 작성됐음을 브라우저에게 알림
- 문서의 시작과 끝을 알리는 태그
- lang attribute로 문서의 언어 설정가능
✔️ 3. <head>
- 메타 데이터와 타이틀을 넣는 곳
- 메타 데이터: 웹페이지에서 직접적으로 보이지 않는 페이지 인코딩 방식 등 여러 설정을 담고 있음
<title>: 브라우저 창 제목
✔️ 4. <body>
- 브라우저 화면에 보이는 부분
- 이미지, 리스트, 비디오 등 모든 콘텐츠를 여기에서 나타냄
- HTML 문서 하나에는
<body>하나만 존재
📌 정리
안녕하세요