이전 웹 페이지에서는 다음과 같은 웹 페이지 구조 코드를 자주 볼 수 있습니다.
<html>
<머리>
<title>웹페이지입니다</title>
<메타 이름=”…” 내용=”…” />
…
</head>
<본문>
…
</body>
</html>
분명히 이러한 구조의 웹 페이지 코드는 웹 표준을 따르지 않지만 코드에 오류가 없는 한 브라우저는 여전히 웹 페이지를 잘 렌더링할 수 있습니다. 실제로 이것은 테이블 레이아웃이 있는 페이지와 Div 구조가 있는 페이지와 같습니다. 중요한 것은 어떤 페이지가 더 높은 품질로 렌더링되는지입니다.
페이지를 만드는 것과 페이지를 완성하는 것 사이에는 먼 거리가 있습니다.
브라우저 개발 과정에서 Microsoft는 Internet Explorer를 Windows 운영 체제에 통합함으로써 항상 브라우저 시장의 지배적인 플레이어가 되었습니다. 이로 인해 IE는 Microsoft의 조직인 W3C가 수립한 웹 표준을 무시하게 되었습니다. IE는 항상 자체 웹 표준만 따랐습니다. 다행스럽게도 Microsoft는 IE8에서 웹 표준을 지원하기로 결정했지만 이 문제는 아직 마무리되지 않았습니다. 마이크로소프트의 IE 외에도 모질라 파이어폭스, 애플 사파리, 오페라, 크롬 등의 브라우저들은 웹 표준 지원이라는 명목으로 오랫동안 IE와 맞서 싸워왔다.
브라우저마다 HTML 코드의 기본 구문 분석이 다르기 때문에 동일한 코드라도 브라우저마다 다른 스타일로 나타날 수 있으므로 모든 브라우저가 따르는 규칙 세트가 필요합니다. 브라우저 간의 차이점을 조정하려면 이 규칙에 다음을 선언해야 합니다. 이 선언은 DOCTYPE - 문서 유형(문서 유형)입니다.