<META>
|
강좌. META 태그 1 메타태그에 대해서 알아봅시다. 메타태그는 홈페이지의 문서정보를 담는 태그입니다. 누가 언제 어디서 제작하여, 어느 서버에 올렸는지 홈페이지의 제작한 정보를 담는 태그입니다. <META>태그는 홈페이지에 대한 일반적인 정보를 나타낼 때 사용하며, 홈페이지 작성자 및 날짜, 그리고 홈페이지 검색시 검색 키워드 등을 지정할 수 있다. 이 곳에서 설정한 내용은 브라우저상에 나타나지 않으며<TITLE>처럼 이 태그 역시<HEAD>사이에서만 사용한다. 이 태그는 또한 맨 마지막에</META>라고 닫아주지 않아도 된다. 그리고 또한 홈페이지의 HTML부분 중 <Head>와 </Head>사이에 들어간다. <Meta name=Author content=김아무개>: 홈페이지를 만든 사람. <Meta name=Keywords content=ASP강좌>: Altavista 등의 검색 엔진에서 홈페이지를 검색할 때 참조하는 키워드. <Meta name=Description content=방문해 주셔서 감사합니다.>: 홈페이지에 대한 간략한 설명을 적는다. <META http-equiv=refresh content=10;url='next.htm' >: 10초 후에 'next.htm' 로 이동한다. <META http-equiv=Content-type content=text/HTML;charset=kr>: 브라우저상에서 한글이 깨져 보이는 경우에 한글의 코드를 지정하면 한글이 깨져 보이는 현상을 개선할 수 있다. 단 Charset을 ks_c_5601-1987로 지정하면 완성형 코드만을 볼 수 있다. <META http-equiv=Page-Exit content=RevealTrans(Duration=5, Transition=23)> : 현재 페이지에서 빠져나갈 때 전환 기법을 사용하여 페이지를 닫는다. <META http-equiv=Page-Enter content=RevealTrans(Duration=5, Transition=23)> : 다른 페이지로 넘어갈 때 전환 기법을 사용하여 페이지를 연다. 0 Box in - 네모난 박스가 바깥에서 안쪽으로 만들어지면서 이미지 변환 1 Box out - 네모난 박스가 안쪽에서 바깥쪽으로 만들어지면서 이미지 변환 2 Circle in - 원이 바깥에서 안쪽으로 만들어지면서 이미지 변환 3 Circle out- 원이 안쪽에서 바깥쪽으로 만들어지면서 이미지 변환 4 Wipe up - 이미지의 아래에서 위쪽으로 수직 이동하면서 변환 5 Wipe down - 이미지의 위쪽에서 아래로 수직 이동하면서 변환 6 Wipe right - 이미지의 왼쪽에서 오른쪽으로 수평 이동하면서 변환 7 Wipe left - 이미지의 오른쪽에서 왼쪽으로 수평 이동하면서 변환 8 Vertical blinds - 수직 브라인드가 쳐지는 형태로 이미지 변환 9 Horizontal blinds - 수평 브라인드가 쳐지는 형태로 이미지 변환 10 Checkerboard across - 바둑판 형태의 격자가 왼쪽에서 오른쪽으로 생기면서 이미지 변환 11 Checkerboard down - 바둑판 형태의 격자가 위에서 아래로 생기면서 이미지 변환 12 Random dissove - 안개낀 형태로 이미지가 바뀌면서 변환 13 Split vertical in - 왼쪽과 오른쪽 끝에서 중앙으로 수직이동하면서 이미지 변환 14 Split vertical out - 중앙에서 왼쪽과 오른쪽 끝으로 수직 이동하면서 이미지 변환 15 Split Horizontal in - 위쪽과 아래쪽에서 중앙으로 수평이동하면서 이미지 변환 16 Split Horizontal out - 중앙에서 위쪽과 아래쪽으로 수평이동하면서 이미지 변환 17 Strips left down - 오른쪽 위에서 왼쪽 아래로 이동하면서 이미지 변환 18 Strips left up - 오른쪽 아래에서 왼쪽 위로 이동하면서 이미지 변환 19 Strips right down - 왼쪽 위에서 오른쪽 아래로 이동하면서 이미지 변환 20 Strips right up - 왼쪽 아래에서 오른쪽 위로 이동하면서 이미지 변환 21 Random bars horizontal - 수평선이 무작위로 생기면서 이미지 변환 22 Random bars vertical - 수직선이 무작위로 생기면서 이미지 변환 23 Random - 임의로 지정됨
강좌. META 태그 2
META 태그는 HTML 문서의<HEAD>...</HEAD>태그 사이에 쓰여서 문서의 등록 정보 혹은 다른 태그로 구현할 수 없는 기능들을 구현하는데 쓰인다. 메타태그를 이용하여 몇초가 지나면 다른 페이지로 옮기는 것도 가능합니다. 1. 문서의 작성자와 일반 등록정보 아래는 문서를 작성한 작성자 및 그에 대한 일반적인 등록 정보를 META 태그로 정의한 예입니다. 예 1) 작성자 이름 <HTML> <HEAD> <META NAME=author content=아무개> </HEAD>
예 2) E-mail 주소 및 작성자 이름 <META NAME=reply-to content=jjhlover@yahoo.co.kr(아무개)>
2. 페이지의 갱신 특정한 HTML 문서의 내용을 일정 시간이 지나면 자동으로 갱신하게 하거나, 다른 문서로 이동하고자 할 때 사용됩니다. 예 1) 문서를 2분마다 자동 갱신시키고자 할 때 <META http-equiv=refresh content=120> 예 2) 20초가 지나면 emhis.htm로 이동하고자 할 때 <META http-equiv=refresh content=20;emhis.htm>
(3) 문서의 문자세트(Charset) 설정 아래 예제는 HTML 문서가 사용할 문자세트를 한국어(euc-kr)로 지정해주는 역할을 수행한다. 예) <META http-equiv=Content-type content=text/HTML;charset=kr> <Meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
(4) 검색엔진에 정보 제공 해당하는 문서가 야후,알타비스타 등의 검색엔진에 쉽게 자동등록이 될 수 있도록 할 때 아래와 같은 예제를 사용한다. Keyword는 해당 페이지가 가지고 있는 검색어 부분을 정의하며, description은 해당 문서의 상세 정보를 등록시키고자 할 때 사용됩니다. 예 1) 키워드 <META http-equiv=Keyword content=html,java,ftp,css> 예 2) 내용 <META http-equiv=description content=초보자도 쉽게 따라하는 html>
(5) 캐쉬(Cache) 제어 및 페이지의 만료시간 설정 웹 브라우저는 모두 열어본 페이지를 임시적으로 저장하는 캐쉬(Cache) 디렉토리라는 것이 있다. 이 캐쉬 디렉토리의 목적은 열어본 페이지를 다시 열 경우 보다 빨리 문서를 열 수 있도록 하는 장점이 있는 반면에, 보안상으로 중요한 문서가 그대로 디렉토리에 남아 정보가 유출되거나 혹은 페이지가 갱신되었을 때 갱신 내용이 잘 반영되지 않거나 하는 단점도 있습니다 예 1) 캐쉬에 남지 않게 설정 <META http-equiv=Pragma content=no-cache> 예 2) 캐쉬에는 남지만 만료시간을 설정하여 시간이 지나면 무효화시킴 <META http-equiv=Expires content=Mon, 06 Jan 1990 00:00:01 GMT> ※ 만료 시간은 반드시 위와 같이 그리니치 표준시 형식으로 적어야 한다.
|