티스토리 뷰
메타태그(Meta Tag)란 웹 페이지내에서 HTML에 대한 메타데이터(Meta Data)를 제공하는 역할을 합니다. 여기서 메타데이터(Meta Data)란 해당 데이터에 대한 정보를 제공합니다. 따라서 메타태그(Meta Tag)를 정확히 이해하기 위해서는 메타 데이터(Meta Data)에 대한 이해가 선행적으로 이루어져야 합니다. 오늘은 메타태그와 메타데이터에 대한 개념을 이해하고 실제로 어떻게 사용되지는 알아보려 합니다.
◇ 메타태그(Meta Tag)와 메타데이터(Meta Data)
1) 메타데이터(MetaData)
- 메타데이터(MetaData)란 한마디로 '데이터에 대한 정보' 또는 '데이터에 대한 데이터'로 표현할 수 있습니다. 하지만 메타데이터(MetaData)를 '데이터에 대한 데이터'로 표현하는 것은 정확한 의미를 파악하는데에는 부족함이 있습니다. 메타데이터(MetaData)를 보다 정확히 표현하자면 '어떤 목적을 가지고 만들어진 데이터'라고 정의할 수 있습니다. 여기서 어떤 목적이란 주로 웹 페이지에 대한 정보를 말합니다.( ※예를 들면 사이트에 대한 설명, 키워드등을 말합니다.)
2) 메타태그(MetaTag)
- HTML로 작성된 웹은 두가지 부분으로 나눌 수 있습니다. '사람이볼 수 있는 정보'와 그렇지않은 정보로 말이지요. 여기서 사람이 볼 수 있는 정보란 우리가 웹 사이트를 방문하였을때 눈으로 볼 수 있는 부분을 말합니다. 그렇다면 사람이 볼 수 없는 정보엔 어떤 것이 있을까요? 예를들어 해당 사이트가 어떤 목적으로 만들어진 사이트인지 사이트의 핵심 키워드는 어떤 것인지를 말합니다. 웹 사이트를 제작하는 개발자는 이러한 정보를 '메타태그(MetaTag)'를 이용하여 표시하여줍니다. 네이버(Naver), 구글(Google)과 같은 포털사이트의 검색엔진 봇은 이러한 메타태그를 수집하여 사용자에게 필요한 정보를 제공합니다. 즉, 메타태그란 'HTML문서 내에 메타데이터를 제공하는 역할'을 합니다.
- 메타태그(MetaTag)는 대부분의 모든 브라우저에서 사용가능합니다.(예: 익스플로러, 크롬, 파이어폭스, 오라클, 사파리...)
'나는 오늘도 공부한다 > HTML&CSS' 카테고리의 다른 글
즐겨찾기/주소창 아이콘 적용하기(파비콘 적용하기) (0) | 2016.04.20 |
---|---|
HTML 이미지 띄우기 (0) | 2014.09.13 |
HTML & CSS 메뉴만들기 (7) | 2014.09.12 |
HTML 리스트 만들기 & 하이퍼링크 (0) | 2014.06.22 |
HTML(H태그)+스타일태그 (0) | 2014.06.22 |
- Total
- Today
- Yesterday
- 파이썬
- 별찍기
- 파비콘
- math.h
- c언어 연습문제
- 서비스센터
- 정렬 알고리즘
- 검색 등록
- 카카오링크
- c언어
- 웹페이지 제작
- 구굴 RSS등록
- 실습예제
- 블로그 활성화
- cpp
- 제어문
- 윈도우 단축키
- javascript
- 보조배터리
- 구글 검색등록
- 파비콘 만들기
- 한컴 오피스
- html5
- 프로그래밍 배우기
- 다이아몬드 만들기
- pasilda
- 윈도우10
- 프로그래밍
- 반복문
- 샤오미
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |