Doc type 정의하기
HTML 버전에 따라 해석되는 방식이 브라우저에 따라서 차이가 날 수 있기 때문입니다.
HTML 4.01 표준 문서 양식
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 표준 문서 양식
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1 표준문서 양식
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
HTML 5 표준 문서 양식
<!DOCTYPE HTML>
표준 문서구조에 기반한 웹 페이지의 정확한 사용법은 다음과 같습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
<head> 태그 상단에 올바른 DOC Type 을 정의해 줍니다.
위에 열거한 문서 양식을 보면 대표적으로 Strict 와 Transitional 로 나누어 지는데, 차이점은 다음과 같습니다.
Strict(엄격한 형식) 는 CSS를 통해 모든 HTML 태그의 속성을 자유 자재로 규정할 수 있습니다. 즉, b{ font-weight:normal;} 이라고 표시하면 더 이상 <b>는 볼드체로 표시되지 않습니다. 이와 같이 원래는 Strict를 통해서 사이트를 개발하는 것이 맞습니다. 하지만 아직 브라우저 호환성 때문에 <embed> 나 비 표준 태그를 사용해야 할 필요가 있기 때문에 현재 상태에서 가장 최상위 호환성을 제공해 주는 문서 양식은 XHTML 1.0 Transitional 을 사용하는 것이 좋습니다.
가장 많이 사용하는 부분은 HTML 4.01 문서양식과 XHTML 1.0 표준 문서 양식입니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
웹 표준에 대한 내용은 인터넷과 여러 사이트에서 많이 다루는 내용이고, 복잡하고 지루한 내용이기 때문에 이런 것이 있다 라는 정도만 알면 됩니다.
'웹 & IT > 웹표준 HTML, CSS & PHOTOSHOP' 카테고리의 다른 글
| 세부 HTML코딩 (2) | 2010.11.30 |
|---|---|
| 사이트 기본 구조 잡기 (0) | 2010.11.29 |
| HTML 코딩하기 (0) | 2010.11.29 |
| HTML 과 CSS 웹 표준 알아보기 (0) | 2010.11.29 |
| 초보자를 위한 웹표준 사이트 제작기법을 공개하며... (0) | 2010.11.29 |