Programming 기초/HTML
[HTML] 문서의 기본 구조
뭉제
2023. 5. 5. 13:00
목차
1. 기본 구조
2. 문서 타입 정의
3. <html> 요소
HTML의 기본 구조
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>HTML 문서의 기본 구조</title>
</head>
<body>
<h1>Hello HTML</h1>
</body>
</html>
HTML의 기본 구조는 웹 문서를 작성할 때 반드시 들어가야 하는 내용으로 크게 문서 타입 정의와 <html> 요소로 구분된다.
브라우저는 HTML 문서 구조를 통해 HTML 버전, 문서 제목, 정보, 내용 등을 파악한다.
문서 타입 정의
<!DOCTYPE html>
· HTML5로 작성된 문서임을 브라우저에게 알려주는 선언문
· 반드시 최상단에 선언
<html> 요소
문서 타입 선언 후에는 <html> 태그가 나와야 하고, 자식으로는 <head> 태그와 <body> 태그가 있다.
· <html> 태그의 lang 속성
- 문서가 어떤 언어로 작성되었는지를 의미
- 한국어로 작성된 웹 문서 -> 속성값으로 "ko"
<head>
· <head> 태그에 위치하는 태그들은 브라우저 화면에 표시X
· 문서의 기본 정보 설정이나 외부 스타일 시트 파일 및 js 파일 등을 포함
· <meta> 태그의 charset 속성
- 문자의 인코딩 방식을 지정
- 속성값으로 "utf-8"을 많이 사용
· <title>
- 문서의 제목
- 브라우저의 탭에 출력
<body>
· 문서의 본문
· <body> 태그에는 브라우저 화면에 나타나는 내용이 들어간다.
** 부스트코스 강의를 듣고 작성한 글입니다.
https://www.boostcourse.org/cs120/lecture/92876?isDesc=false