1. meta 태그의 정의
meta태그는 웹 서버와 웹 브라우저간에 상호 교환되는 정보를 정의 하는데 사용합니다.
html 문서의 <head>와</head> 사이에 입력하는 특수 태그로서 사이트의 디자인에는 전혀 영향을 미치지 않고 문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며, 누가 만들었는지 등의 문서 자체의 특성을 담고 있습니다.
속성에는 name, content, http-equiv 3가지 속성이 있습니다.
http-equiv=“항목명” : 웹 브라우저가 서버에 명령을 내리는 속성으로 name 속성을 대신하여 사용 될
수 있으며, html 문서가 응답 헤더와 함께 웹 서버로부터 웹 브라우저에 전송
되었을 때에만 의미를 갖습니다.
content="정보값" : meta 정보의 내용을 지정합니다.
name="정보이름" : 몇 개의 meta 정보의 이름을 정할 수 있으며 지정하지 않으면 http-equiv와 같은 기능을 합니다.
① meta 태그의 종류
- 검색 엔진에 의해 검색되는 단어 지정
<meta name="keywords" content="Web, html, 웹표준" />
- 검색 결과에 표시되는 문자를 지정 합니다.
<meta name="description" content="web, html, 웹표준" />
- 검색 로봇 제어
<meta name="robots" content="noindex, nofollow" />
검색로봇에 대한 명령은 <meta name="robots"> 라는 형식으로 지정 합니다.
content 속성에는 다음과 같이 지정 할 수 있고 복수지정할 때에는 콤마(,) 로 구분 합니다.
1) All (기본값) : ‘index, follow’를 지정한 것과 같습니다.
2) None : 'noindex, nofollow'를 지정한 것과 같습니다.
3) Index : 그 페이지를 수집 대상으로 한다
4) Follow : 그 페이지를 포함해 링크가 걸린 곳을 수집대상으로 한다
5) Noindex : 그 페이지를 수집대상에서 제외한다
6) Nofollow : 그 페이지를 포함해 링크가 걸린 곳을 수집대상으로 하지 않는다.
이들 name 속성과 content 속성의 값에 대해 html4.01권고안에는 대문자로 기술하고 대문자와 소문자를 구별하게 되어
있지만 실제 검색로봇은 대문자와 소문자를 구별하지 않는다고 합니다.
또 아래와 같은 값도 사용되지만 웹표준에서는 인정 하지 않는 속성이 있습니다.
1) Noarchive : 그 페이지를 캐시하지 않는다.
2) Noimageindex : 그 페이지에 포함된 이미지를 검색 대상에서 제외한다.
3) Noimageclick : 그 페이지에 포함된 이미지의 링크를 방지한다.
- 문자 코드의 종류 설정
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
1) 문자 인코딩의 종류
EUC-KR / ISO-2022-KR : 한국어 문자 인코딩
EUC-JP / ISO-2022-JP : 일본어 문자 인코딩
GB2312 : 중국어 문자 인코딩
ISO-8859-1 : 북미, 서부유럽, 라틴, 아메리카, 카리브해, 캐나다, 아프리카
ISO-8859-2 : 동유럽
ISO-8859-3 : 남동유럽, 에스페란토
ISO-8859-4 : 스칸디 나비아, 발트연안국
ISO-8859-5 : 불가리아어, 벨로루 시어, 러시아어, 마케도 니아
ISO-8859-6 : 아랍문자
ISO-8859-7 : 현대 그리스문자 언어 뿐만 아니라 수학 기호
ISO-8859-8 : 히브리어 문자를 사용하는 언어
ISO-8859-9 : 터키어
ISO-8859-10 : 에스키모, 북유럽 언어
UTF-8, UTF-16, UTF-32 : 모든 언어의 문자를 지원하는 인코딩.
** 위에 나열된(ISO-숫자) 문자설정은 크기에 제한이 있고 다국어 환경에 호환이 되지 않기 때문에 유
니코드 컨소시엄이 개발한 유니코드 표준(The Unicode Standard)입니다.
유니코드 표준은 모든 문자설정, 구두점, 세계의 기호에 적용됩니다.
유니코드는 어떤 언어든지 어떤 프로그램이던지 어떤 텍스트의 플랫폼을 기억하거나 바꾸는 것을
처리할 수 있게 합니다.
유니코드 컨소시엄(The Unicode Consortium) 은 유니코드 표준을 개발 합니다.
그들의 목적은 기존 문자를 표준 유니코드 변환 포맷(UTF)로 대체하는 것입니다.
유니코드 표준은 xml, java, ECMAScript (Javascript), LDAP, CORBA 3.0, WML 등에서 구현되고 있
습니다. 유니코드 표준은 또한 여러 운영체제와 모든 현대 웹 브라우저에서 지원됩니다.
유니코드 컨소시엄은 주요 표준개발기구(ISO, W3C, ECMA)와 협조 합니다.
- 날짜 (제작일)
<meta name="Date" content="2005-02-15T07:45:37+09:00" />
** name="date"를 사용할 때 content ‘+9:00’은 GMT(그리니치 표준시)로 부터의 시차이며 한국은
‘+09:00’ 미국동부는 ‘-05:00’(서머타임 때에는 -04:00) 이 되며 나라 / 지역에 따라 결정 됩
니다.
- 웹페이지에 쓰인 언어 지정
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
- 브라우저 호환성
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
- 홈페이지 주제
<meta name="Subject" content="웹표준을 공부하는 사이트" />
- 제목
<meta name="Title" content="웹표준" />
- 페이지를 작성한 제작자명
<meta name="Author" content="name" />
- 제작사
<meta name="Publisher" content="name" />
- 웹 책임자
<meta name="Other Agent" content="name" />
- 카테고리 위치, 분류
<meta name="Claasification" content="" />
- 제작 도구
<meta name="Generator" content="Edit Plus" />
- 메일 주소
<meta name="Reply-To" content="email@email.com" />
<meta name="Email" content="email@email.com" />
- 파일 이름
<meta name="Filename" content="index.html" />
- 위치
<meta name="Location" content="위치" />
- 배포자
<meta name="Distribution" content="name" />
- 저작권
<meta name="Copyright" content="copyright@web address" />
- 제작 년 월 일
<meta name="build" content="date" />
- 최종 수정일을 정의
<meta http-equiv="Last-Modified" content="Mon,20 Jul 2007 19:30:30" />
- 그림위에 마우스 오버시 이미지 관련 툴바 생기지 않음
<meta http-equiv="Imagetoolbar" content="no" />
- 캐쉬가 되지 않게 함
<meta http-equiv='Cache-Control' content='no-cache' />
<meta http-equiv='Pragma' content='no-cache' />
** 페이지를 cache에서 가져오지 않게 함. 항상 서버에 접속해서 페이지를 가져 옵니다.
그러므로 방문자의 브라우저가 항상 cache를 읽도록 해놓아도 이것을 무시하고 페이지를 갱신합니다.
자주 고치는 페이지에서는 이것을 사용하는 것이 항상 방문자에게 바뀐 내용을 보여 줄 수가 있습니다.
페이지 출력 속도는 매번 가져오므로 cache를 사용할 수 없어서 시간이 많이 걸립니다.
- 캐쉬 만료 일
<meta http-equiv="Expires" content="Mon, 08 Sep 2003 10:10:10 GMT" />
- 60초 마다 새로고침
<meta http-equiv="Refresh" content="60" />
- 입력한 주소로 5초 후 이동
<meta http-equiv="Refresh" ccontent="5;url=주소"gt; />
- 페이지 들어갈 때 장면 전환 효과
<meta http-equiv="Page-Enter" content="revealtrans(Duration=1,Transition=12)" />
- 페이지 나갈 때 장면 전환 효과
<meta http-equiv="Page-Exit" content="revealtrans(Duration=1,Transition=12)" />
1) 장면 전환 효과 속성값
Box out : 네모난 박스가 안쪽에서 바깥쪽으로
Circle in : 원이 바깥에서 안쪽으로
Circle out : 원이 안쪽에서 바깥쪽으로
Wipe up : 이미지의 아래에서 위쪽으로 수직 이동
Wipe down : 이미지의 위에서 아래쪽으로 수직 이동
Wipe right : 이미지의 왼쪽에서 오른쪽으로 수평 이동
Wipe left : 이미지의 오른쪽에서 왼쪽으로 수평 이동
Vertical blinds : 수직 블라인드가 쳐지는 형태로 변환
Horizontal blinds : 수평 블라인드가 쳐지는 형태로 변환
Checkerboard across : 바둑판 형태의 격자가 왼쪽에서 오른쪽으로 생성
Checkerboard down : 바둑판 형태의 격자가 위에서 아래로 생성
Random dissove : 안개와 비슷한 형태로 변환
Split vertical in : 왼쪽과 오른쪽 끝에서 중앙으로 수직 이동
Split vertical out : 중앙에서 양쪽 끝으로 수직 이동
Split Horizontal in : 양쪽에서 중앙으로 수평 이동
Split Horizontal out : 중앙에서 양쪽끝으로 수직 이동
Strips left down : 대각선 형태로 오른쪽 상단에서 왼쪽 하단으로 이동
Strips left up : 대각선 형태로 오른쪽 하단에서 왼쪽 상단으로 이동
Strips right down : 대각선 형태로 왼쪽 상단에서 오른쪽 하단으로 이동
Strips right up : 대각선 형태로 왼쪽 하단에서 오른쪽 상단으로 이동
Random bars horizontal : 수평선이 무작위로 생성
Random bars vertical : 수직선이 무작위로 생성
Random : 임의로 생성
'Java & Html' 카테고리의 다른 글
| 스프링 프레임워크(Spring Framework) 설치방법 (0) | 2013.05.09 |
|---|---|
| CSS3 media query (0) | 2013.05.06 |
| HTML5 예제 (0) | 2013.01.02 |
| Java Bean and Component (0) | 2012.12.27 |
| String array to arraylist (0) | 2012.12.26 |
