올바른 DTD의 사용

August 27, 2008 03:57 by WebStoryMaker

Document Type Definition (DTD) 을 사용하여 표준화된 XHTML 을 사용하고 있는지 알아야 할 것이다.

DTD는 SGML(Standard Generalized Markup Language)의 Syntax(문법)을 정의해준다

이미 많은 개발자들이 알다시피 모든 브라우저가 완벽하게 XHTML 이나 CSS 를 지원하지 않는다. 그러므로 올바른 DTD를 사용하지 않을 경우에는 오히려 역효과를 일으킬 수 있다. 다음의 세가지 DTD를 사용하기 바란다.

  • XHTML 1.0 Strict 
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
위의 DTD는 매우 엄격한(Strict) XHTML 의 구현을 위해 사용된다. CSS와 함께 사용되면 좋다.
  • XHTML 1.0 Transitional 
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

위의 DTD는 CSS를 이해하지 못하는 브라우저를 서포트 하는 용도를 지닌다. 주로 대다수의 웹 어플리케이션은 이 표준을 사용한다.

  • XHTML 1.0 Frameset
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

프레임구조를 가지고 있는 페이지를 위해 사용된다. 프레임은 과거에 사용되던 레이아웃이므로 되도록 사용을 피하도록 하자.

올바른 표준 DTD사용을 권한다. FireFox 의 디버깅 플러그인인 FireBug 를 사용할 경우에 많은 한국 사이트들은 페이지에 오류가 있음을 알 수 있다. Visual Studio 도 HTML 제작시에 DTD를 페이지 상단에 삽입할 경우 실시간으로 페이지에 오류가 있는 Tag 를 찾아 사용자에게 알려준다. 매우 유용하므로 꼭 사용하기 바란다.


Be the first to rate this post

  • Currently 0/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5
Tags: ,
Categories: Web Standard
Actions: E-mail | Permalink | Comments (0) | Comment RSSRSS comment feed

RIA 검색엔진 SearchMe

August 18, 2008 06:50 by WebStoryMaker

인터넷 서핑을 하다 우연히 발견한 www.searchme.com 은 Flash 로 만든 역동적인 검색엔진이다. 검색은 아쉽게도 타사이트의 결과물을 이용하는 듯했다.

아래의 스크린샷은 검색결과를 미리보기를 통해 확인할 수 있도록 해 놓았다 (물론, Google 과 같이 Text로도 검색결과를 확인할 수 있다.) 상단에는 웹, 비디오, 또는 이미지를 검색할 수 있게 되었으며 이미지는 Flickr 의 이미지를 데이터베이스로 활용(Mashup)하고 있었다. 일단, 플래시로 만들어진 화면 덕분에 사이트에 가보지 않아도 미리보기를 할 수 있다는 메리트가 있다.

image

비디오를 검색하는 경우에도 마찬가지의 화면을 보여준다. 하지만 사이트의 방문 없이도 큰 화면으로 바로 재생이 된다는 점에서 좋은 점수를 주고 싶다. 비디오는 YouTube를 데이터소스로 사용하고 있다.

image

인터넷 속도가 빨라 짐에 따라 이러한 RIA(Rich Internet Application)은 사용자들에게 편리를 가져다 준다. 구글에서 채용되었던 많은 인재들이 사실상 구글에서 빠져 나와 이러한 검색엔진들을 만들고 있다. SearchMe의 개발자에 대한 정보는 잘 모르겠지만, 다수의 경쟁력 있는 검색엔진 사이트들이 사실 구글의 직원이었다는 점을 생각해본다면 구글도 잔뜩 긴장하고 있어야 하지 않을까.

경쟁력 있는 데이터를 보유하는 것이 최우선이겠지만, 사용자를 배려한 인터페이스의 구현도 한 몫하고 있음을 알아둬야 겠다.


Currently rated 5.0 by 1 people

  • Currently 5/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5
Tags:
Categories: RIA
Actions: E-mail | Permalink | Comments (0) | Comment RSSRSS comment feed