적절한 DOCTYPE Declarations 을 사용하도록 한다

수정일: 2013-07-22 4:18:오후
  • 적절한 DOCTYPE (문서규격) 사용은 가장 기본이면서 가장중요한 항목이다. (2013.3.15)

    적절한 DOCTYPE (문서규격) 사용은 가장 기본이면서 가장중요한 항목이다. (2013.3.15)

DOCTYPE (문서규격) 는 가장 기본이면서 가장중요한 항목이다.

사용자가 웹 브라우저라는 프로그램을 사용하여 홈페이지를 방문한다. 다양한 웹 브라우저가 존재하며 다양한 기술이 존재한다. 따라서 각 홈페이지가 어떠한 기술에 기반을 두고 버전이 무엇인지를 정확히 표시하여 주어야 한다. 그래야 웹 브라우저가 각각 기준에 따라서 적절하게 홈페이지를 시각적으로 처리하여 표시하여준다. 이를 Rendering 이라고 하는데 만약 제대로 DOCTYPE 이 설정되지 않으면 웹 브라우저는 어떻게 보여줄가 헷갈리게 된다. 잘못 표시할수도 있고 혹은 고민하느라고 늦게 표시되기도 한다. 특히 최근 주요브라우저는  firefox, chrome, safari, opera, IE는 모두다 DOCTYPE를 적절히 사용한다. 꼭 제대로 된 문서규격을 표기하고, 각 문서규격에 맞는 문법을 사용하도록 한다.

홈페이지 소스를 봐서 아래의 형태 중 하나가 명확히 표시되어야 한다. 아래중 하나가 제대로 되어 있으면 문서규격이 제대로 표시된 경우라도 판단해도 된다.

HTML 5 (2013.3.15일 기준 웹 표준은 아니나, 상당수 사용되고 있다)

<!DOCTYPE html>

HTML 4.01 Strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.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">

XHTML 1.0 Transitional

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

XHTML 1.0 Frameset

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

XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Back to List

사용자댓글

  • 아직 댓글이 없습니다. 처음으로 댓글을 주시기 바랍니다
댓글작성





Please limit to 300 characters

계산된 숫자를 입력하세요

3+2=

Copyrights(c). All rights reserved. 2024

스마트홈페이지
SmartHomepage Member Site