반응형
안녕하세요. 진로강연 & 진로교육을 진행하는 강연하는 남자 "월횽"입니다.
오늘은 html에서 head 부분에 들어가는 meta 태그에 대해서 알아보려고 합니다.
어제 진행했던 수업은 기본적인 html 기본 구조와 사용법을 진행했으며, 오늘은 그 구조에 들어가는 태그입니다.
아래 예시를 확인해볼까요?
예시)
<DOCTYPE html>
<html>
<head>
<!--이 부분에 위치하는 meta 태그-->
</head>
<body>
</body>
</html>
메타태그(Meta tag)란?
우선 meta tag는 한글로 '메타 태그' 라고 하며, 사용하는 이유는 SEO 라고 해서 우리가 검색엔진에 노출을 시키기 위해서 사용하는 태그입니다.
웹사이트를 돌아다니며, 웹사이트를 확인하는 봇이 크롤링이라는 것을 하는데요. 우리가 제작한 웹사이트는 이런 웹사이트야! 라고 알려주는 용도입니다.
메타태그(Meta tag)는 하이퍼 텍스트(Hyper text) 생성 언어이고 head와 /head 사이에 위치합니다.
예시를 통해 확인해볼까요?
예시2)
<DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
</body>
</html>위와 같은 구조로 사용되는 meta tag 사용 방법입니다.
다음 시간에는 여러가지 meta tag (메타 태그)에 대해 알아보는 시간을 만들겠습니다.
이전 수업 [ 다시보기 ]
반응형
'프로그래밍 > HTML' 카테고리의 다른 글
| 6강 - 단락 태그 (p tag) (0) | 2019.02.26 |
|---|---|
| 5강 - 굵은 글씨 태그 (strong tag) (0) | 2019.02.25 |
| 4강 - 제목 태그 (h1, h2, h3, h4, h5, h6) (0) | 2019.02.22 |
| 제 3강 - 메타 태그(meta tag) 종류 & 의미 (0) | 2019.02.20 |
| 제 1강 - html 기본 태그 (0) | 2019.02.18 |