편집을 취소할 수 있습니다. 이 편집을 되돌리려면 아래의 바뀐 내용을 확인한 후 게시해주세요.
최신판 | 당신의 편집 | ||
11번째 줄: | 11번째 줄: | ||
==캐릭터셋 표현== | ==캐릭터셋 표현== | ||
;HTML4 방식 (구식) | ;HTML4 방식 (구식) | ||
< | <source lang='html5'> | ||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > | ||
</ | </source> | ||
;HTML5 방식 | ;HTML5 방식 | ||
< | <source lang='html5'> | ||
<meta charset="UTF-8" > | <meta charset="UTF-8" > | ||
</ | </source> | ||
==콘텐츠 정보== | ==콘텐츠 정보== | ||
{{참고|오픈 그래프 프로토콜}} | {{참고|오픈 그래프 프로토콜}} | ||
해당 웹페이지에 있는 콘텐츠의 정보를 표시하기 위해 활용된다. 아래는 유투브 활용예시. | 해당 웹페이지에 있는 콘텐츠의 정보를 표시하기 위해 활용된다. 아래는 유투브 활용예시. | ||
< | <source lang='html5'> | ||
<meta name="title" content="PSY - GANGNAM STYLE (강남스타일) M/V"> | <meta name="title" content="PSY - GANGNAM STYLE (강남스타일) M/V"> | ||
<meta name="description" content="PSY - Gangnam Style (강남스타일) ▶ NOW available on iTunes: http://Smarturl.it/psygangnam ▶ Official PSY Online Store US & International : http://psy.shop.bravado..."> | <meta name="description" content="PSY - Gangnam Style (강남스타일) ▶ NOW available on iTunes: http://Smarturl.it/psygangnam ▶ Official PSY Online Store US & International : http://psy.shop.bravado..."> | ||
<meta name="keywords" content="PSY, 싸이, 강남스타일, 뮤직비디오, Music Video, Gangnam Style, KOREAN SINGER, KPOP, KOERAN WAVE, PSY 6甲, 6th Studio Album, 싸이6집, 육갑, YG Family, YG Entertainment"> | <meta name="keywords" content="PSY, 싸이, 강남스타일, 뮤직비디오, Music Video, Gangnam Style, KOREAN SINGER, KPOP, KOERAN WAVE, PSY 6甲, 6th Studio Album, 싸이6집, 육갑, YG Family, YG Entertainment"> | ||
</ | </source> | ||
이외 더불어 [[오픈 그래프 프로토콜]] 형식으로 많이 활용되고 있다. | 이외 더불어 [[오픈 그래프 프로토콜]] 형식으로 많이 활용되고 있다. | ||
==사이트 정보(구식)== | ==사이트 정보(구식)== | ||
과거에는 [[검색엔진 최적화]]라는 명목으로 사이트 정보를 표시하기도 했지만, 현재는 이런 방식으로 잘 사용하지 않는다.<ref>2013년 현재, 네이버, 다음, 구글, 네이트, 파란 메인페이지에서는 찾을 수 없었다.</ref> | 과거에는 [[검색엔진 최적화]]라는 명목으로 사이트 정보를 표시하기도 했지만, 현재는 이런 방식으로 잘 사용하지 않는다.<ref>2013년 현재, 네이버, 다음, 구글, 네이트, 파란 메인페이지에서는 찾을 수 없었다.</ref> | ||
< | <source lang='html5'> | ||
<meta name="description" content="JMNOTE입니다."> | <meta name="description" content="JMNOTE입니다."> | ||
<meta name="keywords" content="키워드1, 키워드2, 키워드3"> | <meta name="keywords" content="키워드1, 키워드2, 키워드3"> | ||
</ | </source> | ||
;사례 1 --- 야후 | ;사례 1 --- 야후 | ||
< | <source lang='html5'> | ||
<meta name="description" content="세계에서 가장 많이 방문하는 홈 페이지인 야후!에 오신 것을 환영합니다. 검색하는 것을 빨리 찾고, 친구와 계속 연락하면서 서로의 최근 소식과 정보를 놓치지 말고 챙기세요."> | <meta name="description" content="세계에서 가장 많이 방문하는 홈 페이지인 야후!에 오신 것을 환영합니다. 검색하는 것을 빨리 찾고, 친구와 계속 연락하면서 서로의 최근 소식과 정보를 놓치지 말고 챙기세요."> | ||
<meta name="keywords" content="야후, 야후 홈 페이지, 야후 홈페이지, 야후 검색, 야후 메일, 야후 메신저, 야후 게임, 뉴스, 금융, 스포츠, 엔터테인먼트"> | <meta name="keywords" content="야후, 야후 홈 페이지, 야후 홈페이지, 야후 검색, 야후 메일, 야후 메신저, 야후 게임, 뉴스, 금융, 스포츠, 엔터테인먼트"> | ||
</ | </source> | ||
;사례 2 --- korea.kr | ;사례 2 --- korea.kr | ||
< | <source lang='html5'> | ||
<meta name="keywords" content="대한민국 정책포털 korea.kr 공감코리아" /> | <meta name="keywords" content="대한민국 정책포털 korea.kr 공감코리아" /> | ||
<meta name="description" content="대한민국 정책포털 korea.kr 공감코리아 홈페이지 입니다." /> | <meta name="description" content="대한민국 정책포털 korea.kr 공감코리아 홈페이지 입니다." /> | ||
</ | </source> | ||
==같이 보기== | ==같이 보기== | ||
57번째 줄: | 57번째 줄: | ||
*[[HTML head 태그]] | *[[HTML head 태그]] | ||
==참고== | ==참고 자료== | ||
* https://ko.wikipedia.org/wiki/메타_엘리먼트 | * https://ko.wikipedia.org/wiki/메타_엘리먼트 | ||
* https://dev.w3.org/html5/spec-preview/the-meta-element.html | * https://dev.w3.org/html5/spec-preview/the-meta-element.html |