<!DOCTYPE html><!DOCTYPE html>
현재 문서가 HTML5 언어로 작성한 웹 문서라는 태그입니다. DOCTYPE은 문서 유형(document type)을 뜻합니다.
html은 대소문자를 구분하지 않습니다. 다만 강조를 요할때는 대문자를 사용하는 것이 좋습니다.
<!DOCTYPE html>
<html lang="ko">
. . .
</html><html></html>
웹 문서의 시작과 끝을 나타내는 태그입니다. 웹 브라우저가 <html> 태그를 만나면 </html> 태그까지의 코드를 읽어 화면에 표시합니다. </html> 태그 이후에는 아무 내용도 없어야 합니다.
lang="ko"
문서의 언어(language)를 뜻하는 lang이 한국어라고 설정해주는 속성입니다. ISO 639코드에 따라 "ko"는 한국어를 의미합니다. 해당 속성을 넣어주는 이유는 검색 사이트에서 특정 언어로 제한해 검색할때 사용되기 때문입니다.
<!DOCTYPE html>
<html lang="ko">
<head>
. . .
</head>
</html><head></head>
웹 브라우저가 웹 문서를 해석하는데 필요한 정보를 입력하는 부분입니다. 이 부분에 들어가는 정보들을 메타데이터라고 하는데, 일반적으로 문서 제목, 문서 집합, 스타일, 스크립트, 기타 메타 정보들을 정의하게 됩니다. 메타데이터는 html 문서에 대한 데이터 정보로서 웹 브라우저에 표시되는 부분은 아닙니다.
<title>, <style>, <meta>, <link>, <script>, <base> 요소에 대한 컨테이너인데, 주로 <meta>, <title> 태그를 사용합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>제목입니다람쥐</title>
</head>
</html><meta>
메타 요소는 일반적으로 문자 집합, 페이지 설명, 키워드, 문자 작성자 및 뷰포트 설정을 지정하는데 사용합니다. 페이지에 표시되지는 않지만 브라우저, 검색 엔진, 기타 웹 서비스에서 사용됩니다.
charset="UTF-8"
화면에 글자를 표시할 때의 문자 인코딩 방식을 UTF-8로 정의하겠다는 속성입니다. charset 이외에도 name, content, property 등 다양한 속성이 있습니다.
<title></title>
웹 페이지의 제목 표시줄에 표시되는 내용입니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>제목입니다람쥐</title>
</head>
<body>
. . .
</body>
</html><body></body>
이 부분이 실제로 웹 브라우저에 나타나는 내용입니다.
'언어 > HTML | CSS | JS' 카테고리의 다른 글
| HTML 튜토리얼 01: HTML이란? 직접 쓴 코드를 브라우저에서 열어보기 (2) | 2021.04.22 |
|---|
댓글