<!DOCTYPE html> - 문서의 첫 부분에서 문서 유형을 지정하는 단일 태그
- html의 문서가 웹표준으로 작성되었음을 선언해주는 태그
- 예전에는 브라우저가 따라야하는 rule을 적어놓았지만 현재는 관습적으로 사용.
(대부분의 브라우저가 html5 지원이 가능하기 때문이다.)
<html lang="en">
<head> </head>
<body> </body>
</html>- 문서 유형을 지정 후 실제 문서가 시작 - 끝나는 것을 나타내는 태그
- 제일 상위에 있는 태그
- lang=“en” (language="english"), html의 태그 안 속성
3-1. 웹문서 (전체, 일부)에 관련 언어 지정 속성
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>head : 브라우저 화면에 표시되는 내용이 아닌 어떤 웹페이진지 소개하는 정보들을 주로 작성
meta : 해당 문서의 부가적인 정보를 제공하는 단일 태그, 언제나 head 요소 내부에 위치해야한다.
charset (character set) : 해당 문서의 문자 인코딩 방식을 지정하는 속성
1. utf-8 : 인코딩 방식 중 하나로, 모든 유니코드 문자를 표현할 수 있다. (인코딩의 근본적인 목적은 문자를 해독하는 것)
2. viewport : 현재 화면에 보여지고 있는 영역
3. viewport의 content : viewport 너비를 단말기 너비에 맞추고, 초기배율은 1로 한다. 기기 별로 viewport 다르기 때문에, 동일한 웹페이지라도 기기에 따른 배율 조정이 발생해 화면의 크기가 다르게 보이는 현상이 나타난다. (Ex. pc와 mobile)title : 문서의 제목을 나타내주는 태그, 브라우저 탭에 표시된다.
<body> </body>브라우저 화면에 표시할 내용을 입력하는 태그 (웹페이지의 요소들을 작성)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>브라우저 상단 화면에 표시되는 문서의 제목</title> </head> <body> </body> </html>
