————————————————————————————————————————————–
Description: Attach a handler to an event for the elements.
-
version added: 1.0.bind( eventType, [eventData,] handler(eventObject) )
eventTypeA string containing one or more JavaScript event types, such as “click” or “submit,” or custom event names.
eventDataA map of data that will be passed to the event handler.
handler(eventObject)A function to execute each time the event is triggered.
-
version added: 1.4.3.bind( eventType, [eventData,] preventBubble )
eventTypeA string containing one or more JavaScript event types, such as “click” or “submit,” or custom event names.
eventDataA map of data that will be passed to the event handler.
preventBubbleSetting the third argument to false will attach a function that prevents the default action from occurring and stops the event from bubbling. The default is true.
-
version added: 1.4.bind( events )
eventsA map of one or more JavaScript event types and functions to execute for them.
————————————————————————————————————————————–
– 사용 방법
- 단일
$(“input”).bind(“click”, function(){ ……… });
- 2개 이상
$(“input”).bind(“click”, function(){ ……… }).bind(“blur”,function(){ …… });
- 2개이상
$(“input”).bind({
click: function() { ……. },
blur: function() { …….. }
});
————————————————————————————————————————————–
Description: Attach a handler to the event for all elements which match the current selector, now and in the future.
-
version added: 1.3.live( eventType, handler )
eventTypeA string containing a JavaScript event type, such as “click” or “keydown.” As of jQuery 1.4 the string can contain multiple, space-separated event types or custom event names, as well.
handlerA function to execute at the time the event is triggered.
-
version added: 1.4.live( eventType, eventData, handler )
eventTypeA string containing a JavaScript event type, such as “click” or “keydown.” As of jQuery 1.4 the string can contain multiple, space-separated event types or custom event names, as well.
eventDataA map of data that will be passed to the event handler.
handlerA function to execute at the time the event is triggered.
-
version added: 1.4.3.live( events )
eventsA map of one or more JavaScript event types and functions to execute for them
————————————————————————————————————————————–
– 사용 방법 bind()와 동일
– 차이점 속도
– http://www.ravelrumba.com/blog/event-delegation-jquery-performance/
– 각종 이벤트
마우스 |
키보드 |
기타 |
click |
focus |
resize |
dbclick |
keydown |
scroll |
mousedown |
keypress |
select |
mousemove |
keyup |
submt |
mouseout |
blur |
unload |
mouseover |
– |
error |
mouseup |
– |
load |
– |
– |
change |
Meta tag는 웹 서버와 웹 브라우저간에 상호 교환되는 정보를 정의 하는데 사용
1) meta tag 종류, 기능, 설명
태그 |
값 |
설명 |
<meta name=”robots” content=”ALL”>
|
모두 수집 : ALL (기본값)
|
검색 봇의 검색 허용
|
모두 수집불가 :NONE
|
본문서 : 수집가능(index), 수집불가(noindex)
|
링크문서 : 수집가능(follow), 수집불가(nofollow)
|
예)본문서 수집불가/링크문서 수집가능 “noindex,follow”
|
<meta name=”googlebot” content=”noarchive”>
|
NOARCHIVE (구글이 페이지 저장을 하지 못하도록함)
Google참조
|
구글 검색 봇
|
<meta name=”keywords” content=””>
|
any value
|
검색어 ( ‘,’ 를 단어 사이에 넣어 나열 )
|
<meta name=”subject” content=””>
|
any value
|
주제 혹은 제목
|
<meta name=”description” content=””>
|
any value
|
설명문
|
<meta name=”author” content=””>
|
any value
|
만든사람
|
<meta name=”writer” content=””>
|
any value
|
제작자
|
<meta name=”copyright” content=””>
|
any value
|
저작권
|
<meta name=”reply-to” content= “”>
|
메일주소
|
메일주소
|
<meta name=”Imagetoolbar” content= “”>
|
no
|
이미지 툴바
|
<meta name=”content-language” content=”kr”>
|
ISO 639 문자코드 참조
|
문서의 언어를 지정 쉼표로 구분(예: en,fr)
|
<meta http-equiv=”Content-Type” content=”text/html; charset=euc-kr”>
|
Mime-Type 참조, charset 참조
|
문서의 타입(Mime-Type), 문서의 언어를 설정
|
<meta name=”build” content=”2006. 07. 06″>
|
GMT( UMT), RFC 1123 format
|
갱신일 (갱실 할때마다 검색 봇이 재 수집)
|
<meta name=”Last-Modified” content=”Mon,20 Jul 2007 19:30:30″>
|
GMT( UMT), RFC 1123 format
|
최종 수정일
|
<meta http-equiv=”Cache-Control” content=”No-Cache”>
|
Public(공개된 Cache사용)
Private(개인적인 Cache사용)
no-Cache(캐쉬 사용안함)
no-Store(캐쉬 사용하지만 저장되지 않는다.)
|
http 버전 1.1에서 지원
(no-Cache의 경우 캐쉬를 사용하지 않기때문에 매번 접속시 데이터를 내려받아서 속도는 느리지만 반영이 빠름)
|
<meta http-equiv=”Pragma” content=”No-Cache”>
|
http 버전 1.0에서 지원
|
<http-equiv=”expires” content=”Mon, 22 Jul 2002 11:12:01 GMT”>
|
GMT( UMT), RFC 1123 format
|
Cache 만료일 설정
|
1) XHTML 과 HTML차이점
구분 |
XHTML |
HTML |
종료태그 |
종료태그 필수
빈 element
<br />
비어있지 않은 element
<ul>
<li> 내용</li>
</ul>
|
종료태그 불필요
빈 element
<br>
비어있지 않은 element
<ul>
<li> 내용
</ul>
|
작성 문자 |
Element, Attribute 반드시 소문자
(value 제외)
|
대소문자 무관
(대소문자 값의 인식은 서버 환경에 따라 다를 수 있음)
|
Well-formed |
준수
<span><strong>내용</strong></span>
|
제약 없음
<span><strong>내용</span></strong>
|
속성 값 |
모든 값은 항상 쌍(홀)따움표(“) 안에 들어가야 한다.
|
제한 없음
|
Minimization |
속성최소화(minimization) 지원 불가
<input readonly = “readonly” /> (O)
<input readonly /> (X)
|
사용 가능
<input readonly = “readonly”> (O)
<input readonly> (O)
|
PCDATA |
스크립트와 스타일 엘레멘트들은 #PCDATA 내용을 갖고 선언
예)<과 &는 “마크업의 시작”으로 처리, <과 &와 같은 글자(entities)들은 각각 <과 &의 “글자(entity) 참조”attribute 값이 ‘&’를 포함하면, 이는 글자 참조(character entity reference)로 표현되어야 한다(예:”&”).
예를 들어, a element의 href attribute 가 parameter들를 받는 CGI script를 참조하면,
http://my.site.dom/cgi-bin/myscript.pl?class=guest&name=user로 하지 말고,
http://my.site.dom/cgi-bin/myscript.pl?class=guest&name=user로 기술하여야 한다.
|
제약 없음
|
Language |
lang과 xml:lang attribute들을 둘 다 사용
xml:lang attribute 값 이 우선한다.
|
제약 없음
|
2) xhtml lang Attribute 선언
해당언어의 검색 결과 및 음성장치(정확한 음성출력)에 활용된다.
ISO 639-1은 languages에 대한 abbreviations (약어)를 정의한다. HTML 과 XHTML에서 lang 과 xml:lang attributes에 사용될 수 있다.
2-1. 각 국가별 language code
language |
iso code |
abkhazian |
ab |
afar |
aa |
afrikaans |
af |
albanian |
sq |
amharic |
am |
arabic |
ar |
armenian |
hy |
assamese |
as |
aymara |
ay |
azerbaijani |
az |
bashkir |
ba |
basque |
eu |
bengali (bangla) |
bn |
bhutani |
dz |
bihari |
bh |
bislama |
bi |
breton |
br |
bulgarian |
bg |
burmese |
my |
byelorussian (belarusian) |
be |
cambodian |
km |
catalan |
ca |
cherokee |
|
chewa |
|
chinese (simplified) |
zh |
chinese (traditional) |
zh |
corsican |
co |
croatian |
hr |
czech |
cs |
danish |
da |
divehi |
|
dutch |
nl |
edo |
|
english |
en |
esperanto |
eo |
estonian |
et |
faeroese |
fo |
farsi |
fa |
fiji |
fj |
finnish |
fi |
flemish |
|
french |
fr |
frisian |
fy |
fulfulde |
|
galician |
gl |
gaelic (scottish) |
gd |
gaelic (manx) |
gv |
georgian |
ka |
german |
de |
greek |
el |
greenlandic |
kl |
guarani |
gn |
gujarati |
gu |
hausa |
ha |
hawaiian |
|
hebrew |
he, iw |
hindi |
hi |
hungarian |
hu |
ibibio |
|
icelandic |
is |
igbo |
|
indonesian |
id, in |
interlingua |
ia |
interlingue |
ie |
inuktitut |
iu |
inupiak |
ik |
irish |
ga |
italian |
it |
japanese |
ja |
javanese |
jv |
kannada |
kn |
kanuri |
|
kashmiri |
ks |
kazakh |
kk |
kinyarwanda (ruanda) |
rw |
kirghiz |
ky |
kirundi (rundi) |
rn |
konkani |
|
korean |
ko |
kurdish |
ku |
laothian |
lo |
latin |
la |
latvian (lettish) |
lv |
limburgish ( limburger) |
li |
lingala |
ln |
lithuanian |
lt |
macedonian |
mk |
malagasy |
mg |
malay |
ms |
malayalam |
ml |
|
|
maltese |
mt |
maori |
mi |
marathi |
mr |
moldavian |
mo |
mongolian |
mn |
nauru |
na |
nepali |
ne |
norwegian |
no |
occitan |
oc |
oriya |
or |
oromo (afan,galla) |
om |
papiamentu |
|
pashto (pushto) |
ps |
polish |
pl |
portuguese |
pt |
punjabi |
pa |
quechua |
qu |
rhaeto-romance |
rm |
romanian |
ro |
russian |
ru |
sami (lappish) |
|
html, css, javascript, web accessibility, Web Standarsd