Knowledge/HTML & CSS
HTML 문서의 기본구조 ( DOCTYPE, html, head , meta, title, body )
TakeKnowledge
2019. 10. 8. 16:34
반응형
HTML 문서의 기본 구조는 아래와 같다
|
1
2
3
4
5
6
7
8
9
10
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML</title>
</head>
<body>
<h1>Hello, HTML</h1>
</body>
</html>
|
먼저 1라인의 <<!DOCTYPE html> 부분은 이 문서가 어떤 버전으로 작성되었는지 브라우저에게 알려주는 선언문이다.
이는 반드시 문서 내 최상단에 선언되어야 한다
코드에 보이듯 <html> 태그는 자식 태그로 <head> 태그와 <body> 태그를 가질 수 있고 lang 속성을 가진다.
이 <html> 태그의 lang 속성은 문서가 어느 언어로 작성되었는지를 알려준다 ex > ko = 한글 / en = 영어
<head> 태그의 내용들은 문서의 기본 정보를 설정하거나 외부 스타일 시트 파일 및 js 파일을 연결하는 등의 역할을 하며 <body> 태그의 내용으로는 실제 브라우저 화면에 나타나는 태그와 내용들이 들어가게 된다.
반응형