웹마스터 팁
홈피 만들때 자주 사용되는 메타태그 모음
2005.02.20 22:21
메타(META) 태그 유용사용법!! HEAD 안에 넣어주세요~
1. 익스플로어 6부터는 마우스를 이미지 위에 올리면 저장, 프린트 등등의 아이콘이 생기죠...
그걸 안보이게 해주는것입니다.
<META http-equiv="imagetoolbar" content="no">
2. 특정시간후에 특정주소페이지로 이동합니다. 즉, 10초후에 index.htm 으로 자동이동됩니다.
게시판같은 실시간 새로고침이 필요한 경우에도 유용할것 같아요~
<meta http-equiv='refresh' content='10;URL=index.htm'>
3. 검색 엔진에서 홈페이지를 검색할 때 참조하는 키워드들을 정리해둡니다.
<meta name="keywords" content="홈페이지,아이콘,플래시,자바스크립트,">
4. 홈페이지 만드사람을 기재해둡니다.
<Meta name="Author" content="lswsks">
5. 특정웹브라우져에서 한글이 깨져보이는 현상을 없앨수 있습니다. Charset을 "ks_c_5601-1987"로 지정하면 완성형 코드만을 볼 수 있는것입니다.
<Meta http-equiv="Content-Type" content="text/html; charset=ks_c_5601-1987 ">
1. 익스플로어 6부터는 마우스를 이미지 위에 올리면 저장, 프린트 등등의 아이콘이 생기죠...
그걸 안보이게 해주는것입니다.
<META http-equiv="imagetoolbar" content="no">
2. 특정시간후에 특정주소페이지로 이동합니다. 즉, 10초후에 index.htm 으로 자동이동됩니다.
게시판같은 실시간 새로고침이 필요한 경우에도 유용할것 같아요~
<meta http-equiv='refresh' content='10;URL=index.htm'>
3. 검색 엔진에서 홈페이지를 검색할 때 참조하는 키워드들을 정리해둡니다.
<meta name="keywords" content="홈페이지,아이콘,플래시,자바스크립트,">
4. 홈페이지 만드사람을 기재해둡니다.
<Meta name="Author" content="lswsks">
5. 특정웹브라우져에서 한글이 깨져보이는 현상을 없앨수 있습니다. Charset을 "ks_c_5601-1987"로 지정하면 완성형 코드만을 볼 수 있는것입니다.
<Meta http-equiv="Content-Type" content="text/html; charset=ks_c_5601-1987 ">
댓글 18
-
okoru
2005.02.20 23:41
-
EDENe
2005.02.21 05:12
태크를 />로 닫는 것은 XHTML 표준입니다.
HTML에서는 />로 닫을 필요가 없습니다. :) -
okoru
2005.02.21 12:11
아무리 망가질 데로 망가진 HTML이라지만, 이왕이면 문법을 지켜주는 습관을 들이면 좋지 않을까요? -
Khal
2005.02.21 14:12
언제부터 HTML에서 />로 닫는 것이 문법의 표준이 된 거지.. (.....) -
초천재
2005.02.21 15:42
푸헤헤 누가 메타태그에 닫기태그를 씁니까
그럼
<img></img> 해야겠제 푸하하 -
초천재
2005.02.21 15:42
<br></br> 푸헤헤 -
초천재
2005.02.21 15:43
다 해야겠네요 안그렇습니까? -
초천재
2005.02.21 15:43
문법이니깐 해야겠네! -
okoru
2005.02.21 18:33
<img/>, <br/>이런 식으로 쓰죠. -
okoru
2005.02.21 18:35
그리고 제 말은 앞으로 XHTML도, XML도 쓰게 될 테니 지금부터라도 습관을 바꿔 나가자는 얘기였어요. -
새천년건강체조
2005.02.21 20:27
:( xhtml 표준이래도.. html는 표준이 아니잖아요~
이거 한마디면 설명이 가능한데~;;; -
atply
2005.02.21 21:40
xHTML은 XML에서 파생되어 나왔기 때문에, 모든 태그를 닫아주어야 합니다. 다만, BR, IMG 같이 특별한 태그는 태그 끝에 공백과 함께 /> 을 이용하여 닫습니다. 이것은 XML과 같습니다. (예: <br />)
하지만, W3C 표준 HTML 4.1 규약에서는 /> 으로 태그를 닫는 것 자체가 문법에 어긋납니다. (명문화 않음 - Undocumented)
참고로 xHTML은 잘 사용하지 않고 있습니다. 문법 자체도 너무 엄격 (Strict) 한데다가, 그렇게 해서 얻을 수 있는 효과가 없습니다.
그리고 Unicode로의 저장은 대부분의 구형 브라우저에서 지원하지 않습니다. -
okoru
2005.02.22 00:54
아아, 그렇군요. 전 XML과 XSL로 홈페이지를 제작하고 있기 때문에 그런 점에 대해선 모르고 있었습니다. -
새천년건강체조
2005.02.22 12:40
<meta http-equiv="pragma" content="no-cache">
들어올때마다 새로고침한 효과를 내는 메타태그 -_ -;도 강츄~;
현재는 필요하지 않더라도.. 뭔가 하다보면 필요한곳 많죠..~ -
김태영
2005.02.22 19:23
헐;;; 댓글이 많이달렷냉;;;
메타 태그쓸때 꼭 닫아야하나요??? 흠..
몰랐던 사실.. -
Pococurante
2005.02.22 22:44
나중에라도 XHTML이나 XML 등에 이식을 바라보신다면 닫아주는것도 좋은 습관일 수 있는거죠 -
GQ`styLe™
2005.03.28 08:26
제가 주로 이용하는
<META http-equiv="imagetoolbar" content="no">
<META http-equiv="pragma" content="no-cashe">
<META http-equiv="Cache-Control" content="no-cache">
<META http-equiv="Expires" content="0">
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="GQ'styLe">
매타태그입니다 ^^;;; -
이즌해
2005.04.03 13:55
atply님 HTML Spec에는 4.1이 없습니다. 4.01이 최신이죠.
그리고 closing태그를 쓴다고 해서 표준에 어긋나는 건 절대 아닙니다.
무슨 spec을 보셨는지 모르겠지만 empty tag에 closing을 해도 validation에
통과됩니다. br이나 hr, img 등등은 DTD에서 empty로 지정되있기 때문에
closing태그가 생략가능한 것이지 원래부터 안써야되는건 아닙니다.
그래도 Pococurante님 말씀처럼 현재 추세가 xhtml이나 xml쪽으로 가고 있기 때문에
습관 및 이식등등을 위해선 써주시는게 나을 겁니다.
뭐 이렇게 까지 얘기했지만 HTML에서 딱히 꼭 closing tag를 써야할 이유는 없죠.
그보다도 img 태그에 alt속성 빼먹지 마세요. 그게 더 중요합니다.
이미지가 깨지거나, 저버젼브라우져나 (특히나) 장애인인 경우에 alt태그가 없으면
내용파악이 안됩니다. 이건 HTML 4.01 표준입니다.
뭐같은 IE때문에 무엇이 표준인지도 모를 상황이 와버렸습니다.
이리로 봐도, 저리로 봐도 'IT강국, 한국'의 길은 아직 너무 먼 것 같습니다.
조금 더 표준, 웹접근성 및 브라우져 호환성등에 대해 생각 해보시는게 어떨지요.
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 브라우저를 동적으로 부드럽게 리사이즈 하는 소스 [4] | monozzang | 2005.03.06 |
| 가로 세로가 호환되는 메뉴 [3] | 이영준 | 2005.03.02 |
| 주소자동으로 이동 시키기(포워딩) [8] | 네츠키 | 2005.02.22 |
| 홈피 만들때 자주 사용되는 메타태그 모음 [18] | 김태영 | 2005.02.20 |
| 뒤죽박죽어구 찾아내기 [6] | 미친개 | 2005.02.14 |
| 홈페이지index경로 이외의 하위 경로 차단 하는 방법 [펌] [10] | 프란시스 | 2005.02.05 |
| 허접한 메일 폼 검사 하기 스크립트입니다.. [1] | Ansi™ | 2005.02.06 |
| 간단하면서도 강력한 웹페이지에 암호걸기 [5] | 대류 | 2005.02.03 |
| 더 간단한 top 버튼만들기 [3] | 나상선 | 2005.01.21 |
| 페이지 경로 히스토리 표시하기 [0003] | EDENe | 2005.01.19 |
| 그냥 확 멋있는거 그냥그냥!!!! [3] | 미친개 | 2005.01.16 |
| COPY & CUT 막기 / 경고 [0002] [10] | EDENe | 2005.01.16 |
| 홈페이지 TOP 버튼 만들기 + 응용 [0001] [2] | EDENe | 2005.01.15 |
| 로딩중 스크립트와 셀렉트창 같이 쓰기 [1] | 예뜨락 | 2005.01.13 |
| 홈페이지 탑 TOP 버튼 만들어보기 [9] | 편입성공기 | 2004.12.06 |
| 링크주소 감추기 [8] | 편입성공기 | 2004.12.06 |
| 팝업띄우기 [2] | 편입성공기 | 2004.12.06 |
| 개판 오분전 빙고 [2] | 미친개 | 2004.12.30 |
| 마우스를 대면 이미지가 바뀐다. 롤오버 이미지 [3] | 하진 | 2004.12.19 |
| 홈페이지를 풀스크린으로 띄우자 - 올플래시로 보이는군요. [21] | Multi_Taeji | 2004.12.10 |
그리고 인코딩을 유니코드(UTF-8)로 한 후 저장할 때 유니코드 모드로 저장하면 거의 모든 언어를 나타낼 수 있답니다.