-
HTML - head 관련 여러 가지 태그들개인 공부/코코아톡 클론 코딩 2020. 9. 23. 02:06
<head></head>는 웹 사이트가 어떻게 생겼는지, 어떤 속성을 가졌는지, 검색 엔진이 사이트를 어떻게 바라보는지 등의 정보를 담는 곳이다.
1. <meta/>
- 각종 부가적인 정보를 담는 태그로 self-closing tag이다.
- charset : 브라우저가 우리가 사용하는 언어를 이해하도록 만든다. (한글, 특수문자 등...)
<meta charset="utf-8"/>- description : 구글에서 웹 사이트를 검색했을 때 나오는 설명이 있는 곳
<meta name="description" content="this is my website"/>2. <html lang="language">
- 웹 사이트가 주로 어떤 언어를 사용하는지 알려준다. ex) kr
3. 웹 사이트 아이콘 관련 태그
<link rel="shortcut icon" sizes="16x16 32x32" href="image url"/>+ og:image - 카카오톡에서 url 공유할 때 뜨는 이미지가 있는 곳
'개인 공부 > 코코아톡 클론 코딩' 카테고리의 다른 글
HTML - Form Tags (0) 2020.09.24 HTML - 다양한 태그들 (0) 2020.09.24 HTML - img 태그와 기본 구조 (0) 2020.09.23 HTML - Tag Attributes (0) 2020.09.23 HTML - list (0) 2020.09.14