meta 태그
- meta는 다양한 종류의 부수적인 데이터라는 뜻이다.
- meta 태그는 self-closing 태그다.
1. meta name, content
<meta name="description" content="넷플릭스에서 어떤 콘텐츠를 시청할 수 있나요? 블라블라"/>
name은 단순히 개발자가 붙혀주는 이름이고 content는 구글에 nexflix를 쳤을 때 보이는 description(설명)이다. content는 google이 검색할 때 이용하는 태그이기 때문에 중요하다.
2. meta charset="utf-8 ⭐중요
meta charset="utf-8"를 써줘야 하는 이유는 한글이나 특수문자가 있는 언어를 입력할 때 가끔씩 브라우저에서 글자가 깨져보이거나 브라우저가 문자를 이해 못 할 수 있다. 그래서 꼭 써줘야한다.
<meta charset="utf-8">3. meta property="og:image"
웹사이트 주소를 카카오톡, 왓챕과 같은 곳에 붙여넣기 했을 때 보여지는 사진, description, title 등을 설정할 수 있다.
<meta property="og:imate" content="이미지 주소">
4. html 태그 - lang attribute
head 태그에 lang이라는 attribute가 있다.
구글, 네이버, bing 같은 검색 엔진들에게 내가 지금 보고 있는 사이트에서 사용되는 언어가 무엇인지 말해준다.
<head lang="kr">
개발은 즐거워🪇