[HTML] Head에 들어가는 태그들

Intro

HTML의 Head에 들어가는 태그들에 대해 알아보자.

<title>This is my website!</title>

title 태그 내에 입력한 내용이 웹 사이트의 제목이 된다.

또한, 구글이나 Bing 등 다양한 검색엔진에서 내 웹페이지가 노출될 때 title 태그의 내용이 검색엔진에 노출된다.

<meta name="description" content="This is my website!" />

검색엔진에서 내 웹페이지가 노출될 때 title 아래의 웹사이트 설명란에 content에 입력한 내용이 출력된다.

<html lang="kr">
</html>

검색엔진에 웹사이트가 사용하는 언어를 알려준다.

<meta charset="utf-8" />

웹 페이지가 사용하는 charset을 정의한다.

만약 설정이 되어있지 않거나 잘못 설정되어있을 경우 글자가 깨져서 출력될 수 있으므로 정확히 설정해야 한다.

<link rel="shortcut icon" href="icon.ico">

웹사이트의 제목 옆에 표시될 아이콘을 설정한다.

<meta property="og:image" content="image.png" />

카카오톡과 같이 다른 곳에 내 웹사이트를 공유할 때, 썸네일로 사용될 이미지를 설정한다.

[CSS] CSS에서 전역변수 추가하기 (0)	2022.01.12
[CSS] BEM (Block Element Modifier) 방법론 (0)	2022.01.12
[CSS] Reset CSS (0)	2022.01.12