웹마스터 팁
홈피 만들때 자주 사용되는 메타태그 모음
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] | beMax | 2005.08.26 |
| Rain# 머문시간 나타내기 [상태창] | Rain | 2005.08.14 |
| 자바스크립트 음악목록 랜덤 재생하기 | 만능천사 | 2005.08.14 |
| 미디어 플레이어? 난 곰플레이어야! [9] | 송재영 | 2005.07.24 |
| SP2 팝업차단 무시하고 팝업띠우기?! [8] | 오길호 | 2005.07.23 |
| 파일 업로드 버튼 이미지로 사용하기 [1] | 행복한고니 | 2005.06.29 |
| 마우스 오른쪽버튼 금지시키기스크립트 [5] | 박시현 | 2005.06.26 |
| 링크 점선 처리 onfocus=blur() [5] | woosh | 2005.06.06 |
| 상태 표시줄 감지 (URL 가리고 내용 표시) 업그레이드 소스 [2] | ArⓒH | 2005.05.30 |
| 팝업창을 내용에 맞게 크기 자동조정하기 [2] | 김경수 | 2005.04.23 |
| 타켓으로 페이지 이동하는 스크립트 [2] | 로크 | 2005.04.16 |
| 풍선도움말 스크립트 [3] | 행복한고니 | 2005.04.11 |
| 플래쉬 갤러리 비슷한 자바스크립 갤러리 [13] | monozzang | 2005.04.04 |
| 플래시 칼라피커 두번째 버전 [1] | 행복한고니 | 2005.03.16 |
| 테이블선(지정위치)을 따라 이동하는 top [3] | sharim | 2005.03.14 |
| 마우스커서 움직임으로 이미지목록 스크롤 [1] | monozzang | 2005.03.13 |
| 브라우저를 동적으로 부드럽게 리사이즈 하는 소스 [4] | monozzang | 2005.03.06 |
| 가로 세로가 호환되는 메뉴 [3] | 이영준 | 2005.03.02 |
| 주소자동으로 이동 시키기(포워딩) [8] | 네츠키 | 2005.02.22 |
| 홈피 만들때 자주 사용되는 메타태그 모음 [18] | 김태영 | 2005.02.20 |
그리고 인코딩을 유니코드(UTF-8)로 한 후 저장할 때 유니코드 모드로 저장하면 거의 모든 언어를 나타낼 수 있답니다.