일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- 애플
- 인공지능
- 파이썬
- CSS
- 안드로이드
- 종류
- HTML
- 리졸브
- Apple
- Davinci
- 갤럭시
- Galaxy
- 세면대
- 다빈치
- Davinci Resolve
- tag
- 자가설치
- C언어
- 삼성
- samsung
- 영상편집
- 태그
- 욕실
- RESOLVE
- java
- 분해
- Python
- 다빈치 리졸브
- DIY
- naver
- Today
- Total
IT 세상 해석하기
[HTML] 웹 문서의 정보를 포함시켜주는 <meta>태그 본문
[HTML] 웹 문서의 정보를 포함시켜주는 태그
By i!kohong(아이코홍)
태그 설명
- HTML의 head영역에 삽입이 됩니다.
- 정보, 인코딩, 트랜지션 효과, 다른페이지 자동 이동과 같은 형태로 사용됩니다.
- 브라우저와 검색 엔진을 사용할 수 있도록 웹 문서의 정보를 포함하고 있습니다.
Attribute(속성)
name <META name="*" content="내용"> |
Author : Content에 제작자 정보 입력을 합니다. |
Keyword : Content에 검색 태그를 입력 합니다. |
|
Description : Content에 글 내용을 입력 합니다. |
|
Subject : Content에 홈페이지 주제를 입력 합니다. |
|
Title : Content에 홈페이지 이름을 입력 합니다. |
|
Publisher : Content에 만든이의 이름을 입력 합니다. |
|
Other Agent : Content에 웹책임자를 입력 합니다. |
|
Classification : Content에 카테고리위치(분류)를 입력 합니다. |
|
Generator : Content에 생성프로그램(에디터)를 입력 합니다. |
|
Reply-To(Email) : Content에 메일주소를 입력 합니다.
|
|
Filename : Content에 파일이름을 입력 합니다. |
|
Author-Date : Content에 제작일을 입력 합니다. |
|
Location : Content에 위치를 입력 합니다. |
|
Distribution : Content에 배포자를 입력 합니다. |
|
Copyright : Content에 저작권을 입력 합니다. |
|
Robots ■ Content에 index,follow 입력 → 이 문서도 긁어가고 링크된 문서도 긁어갑니다. ■ Content에 noindex,follow 입력 → 이 문서는 긁어가지 말고 링크된 문서만 긁어갑니다. ■ Content에 index,nofollow 입력 → 이 문서는 긁어가되, 링크는 무시합니다. ■ Content에 noindex,nofollow 입력 → 이 문서도 긁지 않고, 링크도 무시합니다. |
|
HTTP-EQUIV <META HTTP-EQUIV="name" content="내용"> |
Last-Modified : Content에 최종수정일을 입력 합니다. |
Cach-Control, Pragma : Content에 no-cache을 입력 → 캐쉬가 되지 않게 합니다. |
|
Content-type : Content에 text/html charset="euc-kr"을입력 합니다. → 웹문서의 언어를 설정합니다. |
|
Imagetoolbar : Content에 no을 입력 → 그림위에 마우스 오버시 이미지 관련 툴바가 생기지 않습니다.. |
|
Refresh : Content에 number(이동딜레이타임):URL="www.*"을 입력 → 페이지가 number시간이 지나면 URL로 이동되도록 합니다.. |
|
Page-Enter : Content에 RevealTrans(Duration=숫자/시간 초단위, Transition=숫자)을 입력합니다. → 페이지 로딩시 트랜지션 효과(장면 전환 효과) 를 적용합니다. |
예시
예시문 |
설명 |
<META name="generator" content="홈페이지 제작도구"> |
홈페이지를 만드는데 사용한 프로그램 프로그램 이름을 넣으려면 content="메모장" 과 같은 식으로 적으시면 됩니다. |
<META name="author" contents="홈페이지를 제작한 사람 이름"> |
홈페이지를 만든 제작자를 넣으려면 content="제작자 이름등" 와 같이 적으시면 됩니다. |
<META name="keywords" content="홈페이지가 담고 있는 내용"> |
홈페이지가 담고 있는 내용을 content="tip, 별, 시" 와 같이 ',' 를 단어 사이에 넣어 나열하면 됩니다. 검색엔진에서 검색어를 입력하고 찾기를 할 때 불러들이는 부분들입니다. 메타태그의 핵심기능이라고 할 수 있습니다. |
<META name="descript-x-xion" content="홈페이지 소개"> |
홈페이지에 대한 간단한 소개글을 적습니다. |
<META http-equiv="refresh" content="3; url=http://원하는 주소.net"> |
3초 후에 http://원하는 곳으로.net로 자동으로 이동하게 하는 옵션입니다. |
<META http-equiv="Pragma" content="no-cache"> |
캐쉬에서 해당 페이지를 읽어들이는 걸 방지합니다. 들어올 때마다 새로고침을 한 것과 같은 효과입니다. |
<META http-equiv="expires" content="MON, 01 apr 2002 00:00:01 GMT"> |
지정된 시간 이후에는 웹문서 캐쉬(cache) 금지 일반적으로 현재 시간보다 과거 시간을 설정합니다. |
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-5"> |
문자 형식 지정 – HTML은 ISO코드, 완성형 코드등의 다양한 문자셋을 지정합니다. 일반적으로 ISO 코드를 많이 사용합니다. |
<META http-equiv="Content-script-x-x-Type" content="text/javascript-x-x"> |
스크립트 형식 지정 – 스크립트 형식에는 text/javascript-x-x(자바스크립트) 와 VBscript-x-x(비쥬얼베이직 스크립트)가 있습니다. |
<META http-equiv="Content-Style-Type" content="text/css"> |
스타일시트 형식 지정 |
<META http-equiv="Page-Enter" content="RevealTrans(Duration=10, Transition=50)"> |
웹문서를 들어오거나 나갈때 효과주기 |
<META http-equiv="Page-Exit" content="RevealTrans(Duration=10, Transition=50)"> |
'프로그래머 공간 > HTML' 카테고리의 다른 글
[HTML] 다른 웹 페이지 포함시키는 방법. <iframe>태그 (0) | 2019.11.24 |
---|---|
[HTML] 홈페이지에 리스트를 만들자! 리스트 관련 태그 (0) | 2019.11.24 |
[HTML] 홈페이지에 이미지를 올리자! <img>태그 (0) | 2019.11.24 |
[HTML] 텍스트 관련 태그 (0) | 2019.11.24 |
[HTML] 표 만들기 위한 태그 <table>태그 (0) | 2019.11.24 |