1.상호성의 원칙 :받는게 있으면 주는게 있다.
고객에게 끊임 없이 카달로그등을 돌리는 행위가 이 원칙에 따른 서비스
2.사회적 증거의 원칙: 사람들은 일반 적으로 다른 사람이 좋다는것을 선책 하려는 경향이 있다.
식당에 손님이 많은 식당을선택 하는경우
통계를 보여 주고 신문이나 잡지에 기사를 노출하라.
3.희귀성의 원칙 : 이것을 사면 남들과 차별화 된 희귀한 것을 가질수 있다고 말하라
홈쇼핑에서 '이제 몇개 암지 않았다'는 예는 물건을 더 사고싶은 기분이 생긴다.
4.호감의 원칙:겉모습이 호감을 불러 일으켜야 설득 하기가 좋다.깔끔하게 하고다녀라.
***물건을 팔기 전에 '나'를 먼저 파는것.'나'라는 자신을 신뢰성 호감을 주는것이 중요***
5.권유의원칙:일반인 말보다 권위있는사람.이를테면 교수나연구원의말을 인용한다.
6.일관성의 원칙 : 지금까지 해온것과 행동이 일관되게 행동 하려는 욕구가 있다.
이것을 존중하고 활용 하라. 예) 국산차를 타던 사람은 국산차면 탄다?
액션 롤러코스터 오늘은 내가 죽는 날! 살고싶다면 질주하라!
내 이름은 체브 첼리오스, 서부 갱단을 위해 일하는 프리랜서 킬러다. 둔탁한 통증에 깨어나보니 fuck you 라고 쓰인 CD한 장이
TV앞에 놓여있었다. CD속에는 기절해 잠든 나에게 망할 베로나가 이상한 약물을 주사하고 있다!!! 게다가 이제 1시간 후면 심장이 멎는다는
헛소리를 지껄인다!!
그런데. 눈앞이 어질 거리고 걸을 수가 없다. 정말로 심장이 멎어가고 있다! 이제 청부 살인 일도 그만두고
귀여운 이브와의 행복한 날들만을 기다리고 있었는데. 이런 거지 같은 게임, 내가 끝내주지. 이렇게 죽을 순 없어!! 나는 살아 있다!! 그리고
해야 할 일은 베로나의 심장에 총알을 박는 것뿐!
아무 생각이 없이 보면 딱 좋은 영화....
재미도 있고.스릴도 있고..웃기고 황당하기도 한영화...
일편을 봐서 그냥 여친이랑 아무생각이 없이 본 영화.
그럭저럭 재미가 있었다.ㅋ
우생순이 하기전부터 볼려구 맘먹고 있다가
오늘 극장에가서 보니깐......생각한것 처럼 재미가 있었다.
중간 중간 감동도 있고..........웃기기도 하고..
마지막 장면에 2004 아테네 올림픽 감독님이 인터뷰를 하신 내용이 참 .. 슬펐다..
올림픽 대표선수들이 끝나고 가면 맘 편안하게 운동할 곳이 없다고 하시면서.
인터뷰를 못하시는 것을 보고...
우리 나라는 너무 인기 종목과 비인기 종목과의 차이가 너무 큰것 같다.
지원도 그렇고 TV에서 해주는것도 그렇고...
비인기 종목도 좀 사랑을 받아서 진짜 올림픽 대회가 끝나고 나서 갈곳이 없는 선수들이 없었으면 한다.
영화 완죤 재미있었다...
외국영화 보실거 다음에 미루시고 우생순 꼭 보세요..!!
title속성은 base, head, html, meta, param, script, style, title 태그를 제외한 태그에 사용할 수 있으며, 해당 엘리먼트에 마우스를 가져가면 띄워줄 툴팁(tooltip) 메시지를 설정할 수 있습니다.
IE에서는 title속성이 없을 때 alt속성이 있으면 그것을 툴팁으로 보여줍니다.
대체 텍스트와 툴팁의 효과를 모두 볼려면 두 가지 속성을 모두 사용해야겠지요. 그리고 각 속성의 원래 용도로 봤을 때, alt는 이미지 대체 텍스트이기 때문에 이미지 정보가 있는 상황에서는 추가로 보여줄 필요가 없는 정보입니다(이미지가 가진 정보 이상의 정보를 제공하지 않는게 좋겠죠). 그리고 title은 추가적인 정보를 제공하는 목적이므로, 두 가지 속성의 값을 같게 할 경우는 잘 없을것 같습니다.
글쓴이: peecky
정식 태그명 : DOCument TYPE Declaration (문서 형식 선언)
태그는 DOCument TYPE이라는 말을 줄여서 만든 태그입니다.
본 문서을 만든 사람이 아닌 "본 문서가 어떤 형식에 의해 만들어 졌다." 를 정의해 주는 태그입니다.
대부분의 웹페이지 저작 에디터(프로그램)에서는 자동으로 삽입하여 주지만..
실제로 안써도 "HTML" 에서는 무방합니다. (브라우져 자체가 문서의 내용을 파악하면서 없을경우 내장된 DTD또는 가장 적합하다고 판단하는 DTD로 표현합니다.)
아래의 HTML DOCTYPE 를 봐주세요.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
현재 이 DOCTYPE는 가장 많이 쓰이는 html 문서 형식 선언입니다. 이 <!DOCTYPE>를 의역 문장으로 바꾸어 보면.
"이 문서는 HTML 문서로 국제적이며 W3C라는 ISO비공인인증기관 에서 HTML DTD 4.0을 기준으로 Transitional방식으로 영어 공용어로 출력한다."
"참조할 DTD문서는 "http://www.w3.org/TR/html4/loose.dtd" 이다."
라는 뜻 입니다. 음...-_-.. 그런데 이 녀석이 왜 필요할까요? -_-?
안써도 무방한데 말이죠.
물론 안써도 무방합니다. 정확하게 하면 귀찮을뿐이죠. 하지만 이건 기존에 HTML를 만들때 이야기지요!
우리는 XHTML을 만들기 위해서는 배워야만 합니다!! 아니 무조건 써야만 합니다.
왜냐하면.. DOCTYPE이 없으면 어짜피 이 문서는 HTML이네 머. XHTML 아냐~! 그까이꺼 그냥 대충 표현해버려~
라고 브라우져가 표현을 해버립니다. 자기 방식대로요.(이것이 크로스 브라우징이 되는거죠. - DTD와는 무관)
2강때 작성된 DTD에 의거한 XHTML 작성법을 보시면.
3. <!DOCTYPE> , <html> , <head> , <body> , <title> 은 생략될수 없다.
라는 글귀가 있습니다! 그렇다면 이말은!!
XHTML에서는 <!DOCTYPE>이 지정이 안되어 있으면 XHTML이라 인정하지 않습니다.
솔직히 HTML이나 XHTML이나 브라우져 입장에서는 DTD라는 기준이 없으면
자기방식대로 표현해야 하는 마크업 언어일 뿐입니다. 구조가 어찌되었든 상관 안한다 이거죠.
열심히 공부해서 XHTML만들어 놨건만 브라우져에게 무시당하면 안되지요!
그렇기 때문에 꼭! 선언을 해야합니다.ㅎㅎ;; (이유가 참..-_-; )
자 그러면 이제 멏번식 긁어다가 붙일(저도 긁어 왔습니다.-_-;) XHTML DOCTYPE을 보시죠.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Strict.dtd">
오오 아까의 녀석과 무언가 포스부터가 틀리지 않습니까?
(전혀 그렇지 않다구요? 음... 죄송합니다. -_-; )
<!DOCTYPE>의 구조는
<!DOCTYPE 최상위엘리먼트네임 (국제적,공용||내부적,제한용) "(ISO공인인증기관 || ISO비공인인증기관)//기관명//DTD type //인코딩언어(ISO)" "DTD 주소">
로 되어있습니다. 자.. 이제 뜯어볼때가 되었죠?
<!DOCTYPE ①최상위엘리먼트네임 ②(국제적,공용||내부적,제한용) "③(ISO공인인증기관 || ISO비공인인증기관)//④기관명//⑤DTD type //⑥인코딩언어(ISO)" "⑦DTD 주소">
<!DOCTYPE
DOCTYPE 태그라고 선언합니다.
①) 최상위엘리먼트네임(RootElementName)
html이나 xhtml의 가장 최상위는 무조건 <html>태그 이기 때문에 html로 작성합니다.
하지만 예외적으로 내부용일경우에는 다른 코드가 삽입될수도 있지만. 여기에서는 국제적인 코드를 생각해서 html이 삽입됩니다.
②) 국게적,공용|| 내부적,제한용 (PUBLIC || SYSTEM)
이 문서가 국제적으로 쓰이는 문서인지. 내부적으로 쓰이는 문서인지를 설정합니다.
내부적일 경우에는 DTD든 최상위엘리먼트든 작성자 마음대로 작성하거나 지정할수 있습니다.
③) ISO공인인증기관|| ISO비공인인증기관 (Inernational Organization for Standardization || not Inernational Organization for Standardization )
본 문서가 어디에서 만든 DTD를 사용하는가에 대한 내용입니다.
공인인증기관일경우 " + " 모양을 비공인인증기관일경우엔 " - ' 를 사용합니다.
W3C는 비공인인증기관이므로 " - " 값이 들어갑니다.
④) 기관명(Organization)
DTD를 작성한 기관명입니다.
⑤) DTD TYPE
DTD가 어떤 타입으로 작성되어있는가에 대한 내용으로 3가지로 분류하게 됩니다.
DTD XHTML (version) Strict => 권장 표준 안
DTD XHTML (version) Transitional => Strict 보단 완화된 표준안
DTD XHTML (version) Frameset => 프레임을 나눌경우 프레임페이지에 사용
⑥) 인코딩언어
xml:lang일때 같이 ISO에서 인증한 언어코드로 문서를 출력합니다.
(모든 html DTD는 영문이기 때문에 EN이 거의 기본화 되어있습니다. / 실제로 DTD는 한글로 작성할수도 있습니다. 물론 선언은 영문으로 해야 하지만요.0
⑦) DTD경로 (DTD URL)
실제로 이 문서를 파싱할(유효한지 하지 않은지 판단) DTD를 지정합니다.
<!DOCTYPE>태그는 XHTML에서는 이 문서가 XHTML이다. 라고 판단할 유효성(valid)를 제공하기 때문에 꼭 알아두시고 XHTML작성시 html상단에 작성하여 유효성을 꼭!! 인정 받아야 하겠습니다.
=================================================================================
DOCTYPE)
<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Strict//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
설명)
- 가장 표준이 되는 DTD입니다.
- 확장된 어트리뷰트를 허용하지 않습니다.
- 배경색 , 글자색등의 일정한 조건에 따른 어트리뷰트(bgcolor 라던가 font태그의 color속성)을 인정하지 않습니다.
Strict의 가장 큰 특징이라면 "확장된 어트리뷰트를 지원하지 않는다" 라는 말인데요.
자 그러면 여기에서 확장된 이라는 뜻은 멀까요.
더더욱 쉽게 왜 Strict와 Transitional 를 만들었을까요. 그냥 Transitional만 사용하면 될텐데요.
이유는 간단합니다.
브라우져들이 많아 지고 다양해 지면서 소위 말하는 mhtml(mobile html)이 생겨나게 되었습니다.
모바일기기의 특성상 많은 연산을 수행해서 적정한 DTD를 적용해야 하는 브라우져가 많은 정보를 가질수 없기에
정확한 표준된 DTD를 요구하게 되었고. 그로 인해 나온 것이 Strict입니다.
(물론 근본적인 이유는 브라우져 들끼리 치고박고 싸우다가 최소한의 안을 만들어 낸것이지만;; 대표적으로 따지면
mhtml이 대표적 이라는거 뿐입니다.)
결국엔 가장 최소한의 표현방법을 가진다 라는 기본안을 채택하였고. 그로 인해 CSS의 발전을 가져오게 되지요.
CSS는 모든 브라우져 표준입니다.(단. 여기에서 중요포인트는 표준인건 맞지만 표현방식은 멋대로입니다.)
Transitional Mode DTD
DOCTYPE)
<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Transitional//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd">
- 일반적으로 가장 많이 쓰이는 DTD입니다.
- 확장된 어트리뷰트를 호환합니다.
- 각 브라우져에 따른 DTD를 호환합니다.
- Strict보다 로딩속도는 느립니다.
- Strict보다 표준안에 가깝지는 않습니다.
Transitional은 우리들이 가장 많이 쓰이는 표준안이라고 말씀드릴수 있으며
우리들이 사용하는 거의 대부분의 태그는 Transitional안에 있다고 보시면 됩니다.
그리고 Transitional의 내용중
"각 브라우져에 따른 DTD를 호환합니다."
라는 말은 대표적으로 익스플로어의 marquee 태그를 아실껍니다.
이 태그는 실제적으로 Transitional안에는 없습니다.
단지 익스플로어에 내장된 DTD를 포함하므로 사용가능한것입니다.
Transitional로 하면 로딩속도는 저하되지만 그만큼 표현성이나 작업하는데에 따른 태그의 활용성은
넓게 됩니다. Transitional로 코딩된 문서중 일부는 mhtml이나 또는 shtml(strict html)에서 표현이
불가할수 있습니다.
Frameset Mode DTD
DOCTYPE)
<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Frameset//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-Frameset.dtd">
- 프레임셋을 만들때 사용하는 DTD입니다.
- 확장 및 프레임에 사용가능한 모든 내용을 포함합니다.
- html 4.01 Frameset.dtd 와 동일합니다.
Frameset은 프레임을 나누고 프레임에 따른 이름 및 설정을 지정하는
태그들을 저장한것입니다.
html4.01버젼과 동일한 DTD를 가지고 있습니다.
DOCTYPE 선언에 대해 알아보겠습니다.
DOCTYPE 선언은 그 문서가 어떠한 HTML 버전에서 작성되었는지를 알려주는 아주 중요한 내용입니다.
보통 웹표준화, 웹접근성에 신경쓰지 않는 코더들이 이 부분은 아주 무시를 하는 경향이 있는데, 심각한 오류중에 하나입니다.
이 선언 하나로 인하여 코딩하는 방식이 달라지게 되고, 어떤 선언을 해주느냐에 따라 웹표준화에 가까워지느냐 멀어지느냐를 결정짓습니다.
가장 기본적인 호환선언들에 대해 우선 나열해보겠습니다.
HTML 4.01 호환모드
코드:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">가장 최근의 CSS 규격을 따름. 엘리먼트 배치가 자유로움, 스크롤링 레이어 같은건 사용불가능, position, display 속성과 구현 방법의 차이가 상이, frame 사용 불가능
HTML 4.01 엄격모드
코드:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">1999년 12월 24일 확정 규격. 권장하지 않는 element, attribute, frame 사용불가, 엘리먼트 배치가 엄격함, 일부태그가 완전히 먹통, 가장 이상적인 문서작성시 사용.
XHTML 1.0 호환모드
코드:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">1999년 12월 24일 확정된 프레임문서. frameset이 사용가능. 하지만 넷스케이프.. FF(파이어폭스)쪽의 frame은 전혀 작동 되지 않음
XHTML 1.0 엄격모드
코드:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
가장 많이 쓰이는 선언인
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
에 대해서 해석해보도록 하겠습니다.
"해당 문서 HTML출력용 문서로써 W3W의 HTML DTD 4.01을 기반으로 Transitional방식으로 동작하며 영어로 출력한다, 참조 문서는 http://www.w3.org/TR/html4/loose.dtd이다"
쯤 되겠네요.
여기서 Transitional은 DTD가 어떤타입으로 작성되었는지의 분류입니다.
Strict : 권장 표준안
Transitional : Strict 보단 완화된 표준안
Frameset : 프레임을 나눌경우 프레임페이지에 사용되는 표준안
아 이 선언을 해주지 않게 되면 해당 브라우저가 알아서 기본내장되어진 dtd문서를 기반으로 웹페이지를 표현합니다.
아마 많은 분들이 이 선언 하나에 코딩방식이 달라지고, 예전까지는 아무 문제없이 잘 사용해오던 태그들이 먹통이 되어 혼란스러웠을겁니다.
점점 세상이 웹접근성,표준화를 외치고 있는 세상속에서 웹개발자로써의 삶을 살아간다면 어느정도 이해는 하고 있어야 하지 않을까요.
| 1 |2| 