본문 바로가기

먹고살거/HTML,CSS

HTML - META 태그

<META>

 

 

정의

-------------------------------------------

meta = 페이지의 적용 되는 태그

 

페이지의 내용을 정의 하거나 페이지에 관한 모든 사항 을 알리는 태그

 

 

사용

-------------------------------------------

<head></head>사이에 사용한다.

 

종류

-------------------------------------------

<--10종류-->

 

1. <★meta http-equiv="content-type" content="text/html:charset=euc-kr">

이 메타태그 필수 태그

이 메타태그 페이지를 기본적으로 한글 폰트로 인코딩할 때 사용됨

이 메타태그는 현재의 문서가 한글로 작성되었다는 것을 의미 합니다. 
이 메타태그를 쓰지 않는다면 기본 글꼴만 볼 수 있습니다.

                    ex)굴림체란 글꼴을 지정하고 이 메타태그를 지정하면 브라우저에서 굴림체의 글꼴을 볼 수있습니다.

☞ 드림위버에서 html문서를 편집하려면 이 메타태그는 꼬옥 삽입되어 있어야 합니다.
 

2. <★meta http-equiv="refresh" content="5;url=http://옮길 홈페이지 주소">

이 메타태그는 기존 홈페이지 방문객에게 자동으로 새 홈페이지 주소로 접속을 하게 해줍니다.
                    **content=5 라고 적은 것은 5초후에 url 에 적힌 주소로 이동한다는 말입니다. 

 

3. <★meta name="keyword" content="css,강좌,스타일시트">

이 메타태그는 검색엔진 키워드 검색에서 내 사이트를 맨 위에 뜨게 한다.

                    **홈페이지 홍보때 사용된다.

                    **키워드는 "기호, 숫자, 영문, 한글" 순으로 나열할 것 

 

4. <★meta name="decription" content="여기는 css 강좌를 하는 곳입니다.">

이 메타태그 해당 페이지의 설명하는 것으로 브라우져에 웹페이지 설명이 출력된다는 것입니다.

 

5. <★meta name="author" content="또이또이">

이 메타태그홈 페이지의 작자에 대한 정보를 담고있는 메타태그입니다.

 

6. <meta http-equiv="Content-Script-Type" content="text/javascript">

이 메타태그어떤 형식의 홈 페이지인지 분류하는 메타태그입니다. 

 

7. <★meta name="generator" content="tech">

 이 메타태그는 홈 페이지를 무엇으로 만들었는지 확인하는 메타태그입니다.

 

8.<★META HTTP-EQUIV="Page-Enter" CONTENT="RevealTrans (Duration=3, Transition=23)">

이 메타태그는 페이지를 나갈때나 들어올때 여러가지 효과로 페이지를 나타나게 하는 Trans Meta 태그입니다.

이 메타태그는 넷스케이프에서는 지원을 하지 않고 프레임을 가진 문서에도 지원을 하지 않는 단점이 있습니다.