HTML 문서구조

김형진·2024년 8월 11일
post-thumbnail
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>
  • html 기본 문서 구조이다.

DOCTYPE

<!DOCTYPE html>
  • HTML 문서 맨 처음에 명시해서 문서의 버전을 나타냄

HTML

<html>
..............
</html>
  • 이 문서가 html로 작성됐음을 브라우저에 알림
  • 문서의 시작과 끝을 알리는 태그
  • lang 속성으로 문서의 언어를 설정할 수 있음
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
  • 메타 데이터와 타이틀을 넣어주는 곳
  • 메타 데이터 웹 페이지에서 직접적으로 보이지 않지만 페이지 인코딩 방식이나 검색엔진에 관한 정보등 많은 설정들을 할 수 있음
  • title은 브라우저 창 제목

Body

<body>
  ..............
</body>
  • 브라우저 화면에 보이는 것이 들어감
  • Html 문서에 단 하나읜 만이 존재

0개의 댓글