[HTML5] 1. HTML 시작과 <head> 태그

임창용·2023년 1월 18일

HTML5

목록 보기

1/7

문서 유형을 지정하는 선언문이다.

<!DOCTYPE html>

웹 문서의 시작을 알리는 태그이다.

lang 속성: 문서에서 사용할 언어 지정 가능하다. (de, en, fr, ja, ko, zh...)

html 안에는 <head> 태그와 <body> 태그가 포함 된다.

즉, HTML의 기본 구문은 다음과 같다.

<!DOCTYPE HTML>
<html lang="ko">
  <head>
    <!-- head 태그 -->
  </head>
  <body>
    <!-- body 태그 -->
  </body>
</html>

화면에는 보이지 않지만 웹브라우저가 알아야 할 정보들은 모두 <head> 태그에 입력한다.

문서의 제목을 지정한다.
여기서 지정한 내용은 웹 브라우저 제목 표시줄에 표시된다.
검색 엔진이 제목을 보고 페이지의 내용을 추측하므로, <title>은 가장 중요한 태그 중 하나이다.

<title> 내용 </title>

문자 인코딩, 요약 정보 또는 문서 키워드의 정보를 제공할 때 사용한다.

charset 속성: 문자 인코딩을 설정한다. 웹 서버는 디폴트가 영어이기 때문에 다른 언어를 표시하려면 UTF-8로 지정해야 한다.

name 속성: 문서 키워드를 설정한다. 검색 결과에 사이트 설명으로 표시된다.

content 속성: 요약 정보를 설정한다. 검색 결과에 사이트 설명으로 표시된다.

<meta charset="UTF-8" name="제목" content="요약 설명">