✋ 한이음 블렌디드 러닝으로 제공하는 스파르타 코딩 클럽 웹개발 기초를 듣고 정리한 글입니다.
💡 카카오톡으로 친구한테 링크를 보내면 아래와 같이 뜬다!
제목, 썸네일 이미지, 내용에 대한 간략한 묘사가 아래와 같이 한 번에 나온다.
이 부분은 meta 태그로, 자동으로 불러와진다.
📍 meta 태그란?
<head></head>부분에 들어가는, 눈으로 보이는 body 태그 외에 사이트의 속성을 설명해주는 태그들이다.
base,link,script,style,title 요소와 같은 메타데이터 관련 요소들이 나타낼 수 없는 다양한 종류의 메타데이터를 제공할 때 사용한다.
언제나 head 요소 내부에 위치해야 한다. 만약 name 속성이나 http-equiv 속성이 명시되었다면 content 속성도 함께 명시되어야 하며 반대로 두 속성이 명시되지 않았다면 content 속성 또한 명시 불가능하다.
HTML에서는 meta 태그를 닫지 않는다.
📍 meta 태그의 속성
charset
- 속성값 : 문자셋
- 해당 문서의 문자 인코딩 방식을 명시함. HTML5에서 새롭게 추가된 속성이다.
content
- 속성값: 텍스트
- name 속성이나 http-equiv 속성과 관련된 값을 명시함.
http-equiv
- 속성값: content-type, default-style, refresh
- content 속성에 명시된 값에 대한 HTTP 헤더를 제공
name
- 속성값 : application-name, author, description, generator, keywords, viewport
- 메타데이터를 위한 이름을 명시함
➕ 참고한 사이트
tcpschool - HTML <meta> 태그
개발자에서, IT Business 담당자로. BrSE 업무를 수행하고 있습니다.