목차
<!DOCTYPE> 예제- HTML5 경우 <!DOCTYPE> 정의 <!DOCTYPE> 구문 - HTML5 경우 ★ <!DOCTYPE> - W3C 권장 DOCTYPE <!DOCTYPE> - HTML 4.01 경우 <!DOCTYPE> - XHTML 경우 <!DOCTYPE> - 배추빌더 경우 쿼크모드 (Quirks mode, 쿽스모드) DTD 선언해 (쿼크 → 표준) 변환 시 주의사항
<!DOCTYPE> 예제- HTML5 경우
<!DOCTYPE html>
<html>
<head>
<title>홈짱닷컴 (homzzang.com)</title>
</head>
<body>
<h1>홈짱닷컴 (homzzang.com) </h1>
</body>
</html>
<!DOCTYPE> 정의
문서 형식 선언 ( DTD : D ocument T ype D eclaration) ★
1.
그 결과. 문서가 빠르게 렌더링 됨. ( 즉, 브라우저가 해당 웹 문서를 빠르고 정확하게 읽어드릴 수 있음.)
2. DTD 특징 HTML 태그 X HTML 태그에 앞서 문서의 가장 앞 부분 에 위치. 단독 사용
3. SGML 근거 여부 HTML 4.01 - SGML 에 근거해 <!DOCTYPE>가 DTD 참조 O. HTML 5 - SGML 에 근거 안 하므로, <!DOCTYPE>가 DTD 참조 X
4. DTD 선언 방법 종류 HTML 4.01 - 3종류 HTML5 - 1종류
5.
웹 문서 작성시 반드시 DTD를 선언해주도록 함. 그래야 나중에 편함. ^!~
6.
즉, DTD 선언하면 크로스 브라우징 가능 환경 조성.
<!DOCTYPE> 구문 - HTML5 경우 ★
<!DOCTYPE> - W3C 권장 DOCTYPE
HTML 큰 흐름 : HTML 4.01 , XHTML 1.0 , XHTML 1.1 , HTML 5
※ 각각 별개가 아니라, 태그와 속성 첨삭하며 점차 진화.
[예전]
HTML 4.01, XHTML 1.0 : Strict, Transitional, Frameset DTD 3종류로 구분.
XHTML 1.1 : Strict 기반으로 재구성됨.
S trict
W3C가 의도했던 문서 타입 (엄격한 규격)
T ransitional
기존에 만들어진 문서들과의 호환성 위해서 도입. (과도적인 규격)
F rameset
프레임 사용 경우, 프레임셋 가능 문서에만 사용. (Transitional DTD 기반 위에 프레임 지원)
[최신]
HTML5 : DTD 선언을 대폭 간소화시켜 하나로 통일.
<!DOCTYPE> - HTML 4.01 경우
HTML 4.01 S trict
font 등 수식 태그 제외한 모든 HTML 요소와 속성 가능. / 프레임셋 사용불가
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 T ransitional font 등 수식 태그 포함해 모든 HTML 요소와 속성 가능 . / 프레임셋 사용 불가
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 F rameset 모든 HTML 요소와 속성 가능 . / 프레임셋 사용 가능
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<!DOCTYPE> - XHTML 경우
※ XHTML은 종료태그가 필수.
XHTML 1.0 S trict
font 등 수식 태그 제외한 모든 HTML 요소와 속성 가능. / 프레임셋 사용불가. / 종료태그 필수
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 T ransitional
font 등 수식 태그 포함해 모든 HTML 요소와 속성 가능. / 프레임셋 사용불가. / 종료태그 필수
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 F rameset
font 등 수식 태그 포함해 모든 HTML 요소와 속성 가능. / 프레임셋 사용가능. / 종료태그 필수
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1
XHTML 1.0 Strict 버전과 기본적으로 같지만, 모듈 추가가 가능. (예: 동 아시아 언어에 ruby 태그 가능)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!DOCTYPE> - 배추빌더 경우
/head.sub.php 파일 <html> 태그 앞에 위치. (없는 경우 추가하면 됨.)
<!DOCTYPE html>
[구 버전 경우]
표준 모드
<!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 Transitional//EN">
<!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 XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
쿼크모드 (Quirks mode, 쿽스모드)
오래된 웹브라우저 위하여 디자인된 웹 페이지의 하위 호환성 유지 위해서, 모드 (Standards Mode ) 대신한 웹브라우저기술.
HTML5 시대가 된 지금엔 구시대 유물. ㅡㅡ;
(예)
DTD 선언해 (쿼크 → 표준) 변환 시 주의사항
1.
표준에 어긋난 코드 사용 시, 정렬 틀어짐.
※ 배추빌더4 경우, 쿼크 모드로 배포.
2.
쿼크 모드 지원하는 스킨 경우, 표준 모드에서 비작동.
※ 세이 전광판 스킨.
최신댓글