본문 바로가기
TECHIT 멋쟁이사자처럼/온보딩 트랙

[온보딩트랙]HTML <head>

by D0HA 2023. 12. 13.

 

 

<!DOCTYPE html>
<html lang="ko">
	<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>CHEMI CODE</title>
	</head>
	<body>
		
	</body>
</html>

 

<!DOCTYPE html>

 

명칭은 Living Standard이며, 웹 표준이다.

최신화된 HTML을 쓰겠다는 의미이다.


<html>

 

이 문서가 어떤 언어로 작성이 되어있는지 명시해주는 부분이다.

보일러플레이트를 단축키로 생성하면 lang="en"으로 설정되어 있는 경우가 많은데,

작업중인 웹 페이지가 한국어로 작성되었다면 lang="ko"로 바꿔주는 것이 좋다.


<head>

 

<meta>를 사용하여 웹 문서의 속성, 인코딩 방식, 외부 리소스를 불러오는 등 설정 정보가 담긴다.


<meta>

 

이 태그는 여러 개가 쓰일 수 있고, 그 안에 작성하는 속성에 따라 용도가 달라진다.

예를 들어, 위 코드에서 첫 줄 <meta charset="UTF-8">은 문서를 어떻게 해석할지 인코딩 방식을 설정한다.

'턈0?????c랾?▲콬-5%' 이런 식으로 문서 내용이 깨진 문자로 보여지는 것을 방지한다.

그 다음 이어지는 <meta> 태그는 브라우저 호환성 브라우저 너비가 설정되어 있다.


 

<title>

 

제목 표시줄(탭)에 나타나는 제목이다.