4강 그누보드4 dtd 변경 및 오류 찾기 목차
그누보드4에서 dtd 선언하는 법
그누보드4에서 dtd 관련 내용을 다루는 부분은 head.sub.php 입니다.
head.sub.php 는 그누보드4를 설치한 루트 디렉토리에 있습니다.
아래의 소스비교를 통해 head.sub.php 에서 그누보드4 dtd 를 변경하는 방법을 알아보겠습니다. (html5로)
<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> -->
<html>
<!doctype html>
<html lang='ko'>
다 됐습니다. 이게 끝입니다. 이제 그누보드4를 html5로 사용하실 기본준비가 끝이 났습니다. 너무 쉽다구요? ㅎㅎㅎ
그럼 다음 장에서 그누보드4의 dtd 선언을 html5 로 바꿨을 때 나타나는 현상을 살펴보겠습니다.
그누보드4 dtd 선언 Before & After
그누보드4 dtd 를 html5 로 선언했을때 레이아웃의 변화를 살펴보겠습니다. 각 섹션의 첫번째 이미지가 dtd 선언 전이며, 두번째 이미지가 dtd 선언 후의 스크린샷입니다.
브라우저는 ie9 기준입니다. 왜냐구요? 제가 자주 써서요...
초기화면


회원가입, 약관


회원가입, 정보입력


회원가입, 완료


아이디/패스워드 찾기


현재접속자


최근게시물


전체검색


쪽지, 받은쪽지


쪽지, 보낸쪽지


쪽지, 쓰기


쪽지, 읽기


스크랩


포인트


게시판, 목록


게시판, 읽기


게시판, 쓰기


댓글 19개
저도 처음에 선언이란 단어가 어려웠습니다.
말 자체에 집중하지 마시고 다음과 같이 이해하시면 됩니다.
html 문서를 처음 시작하실 때,
<!doctype html>
처럼 입력해주시면, HTML5 로 선언된 것입니다.
문서 선언 형식은 다음과 같습니다.
HTML 2.0
<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">
HTML 3.2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
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">
XHTML Basic 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN"
"http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">
XHTML Basic 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN">
말 자체에 집중하지 마시고 다음과 같이 이해하시면 됩니다.
html 문서를 처음 시작하실 때,
<!doctype html>
처럼 입력해주시면, HTML5 로 선언된 것입니다.
문서 선언 형식은 다음과 같습니다.
HTML 2.0
<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">
HTML 3.2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
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">
XHTML Basic 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN"
"http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">
XHTML Basic 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN">
게시글 목록
| 번호 | 제목 |
|---|---|
| 5125 | |
| 31169 | |
| 31156 | |
| 24468 | |
| 5123 | |
| 26932 | |
| 18245 | |
| 18239 |
Mobile
디바이스별 viewport 설정.
5
|
| 5111 | |
| 18236 | |
| 5097 | |
| 5096 | |
| 26924 | |
| 5086 | |
| 5080 | |
| 31139 | |
| 26919 | |
| 5078 | |
| 26914 | |
| 26898 | |
| 18227 |
jQuery
제이쿼리 이미지 메뉴
8
|
| 24462 | |
| 26891 | |
| 5072 | |
| 5069 | |
| 5066 | |
| 26889 | |
| 24457 | |
| 5061 | |
| 30628 |
HTML
object 태그 질문 드ㅡ립니다
2
|
| 5059 | |
| 26413 |
견적서
엑셀.,견적서..,
13
|
| 18223 | |
| 18222 | |
| 31109 | |
| 26410 | |
| 26406 | |
| 5056 | |
| 5042 | |
| 26885 | |
| 31097 | |
| 18214 |
jQuery
유니클로 슬라이드 간략버전
7
|
| 5034 | |
| 5030 | |
| 31075 | |
| 26879 | |
| 5021 |
개발자
mysql 도움좀 주세요
8
|
| 5019 |
개발자
뭐든 최신은....
1
|
| 18207 |
MySQL
mysql 성능향상을 위한 팁..
6
|
| 26854 | |
| 5010 | |
| 5002 | |
| 4999 | |
| 4986 | |
| 4995 | |
| 18196 |
MySQL
조건문을 정확하게 써라
10
|
| 30626 | |
| 18195 |
JavaScript
여러개의 라디오버튼 모든 버튼 필수 입력 제이쿼리형
|
| 26852 |
퍼블리셔
처리됨 취소선 찍찍
1
|
| 26846 |
퍼블리셔
반응형 웹 견적내는법 아시는분
5
|
| 4985 | |
| 18186 | |
| 30622 | |
| 26842 |
퍼블리셔
CSS 문의 드립니다.
3
|
| 18184 | |
| 26839 | |
| 18182 | |
| 4972 |
개발자
오늘 조기 퇴근입니다.
12
|
| 4954 | |
| 4951 |
개발자
쪽지스팸
2
|
| 4947 | |
| 24448 | |
| 26832 |
퍼블리셔
퍼블리셔 서브 메뉴의 글
6
|
| 4937 | |
| 4934 | |
| 26827 | |
| 18181 |
JavaScript
체크박스 다중선택시 제한 걸기 (3개이상 선택시 애러메시지 출력)
|
| 4924 |
개발자
좋은정보라......
5
|
| 18169 | |
| 4930 | |
| 4917 | |
| 24438 | |
| 26820 |
퍼블리셔
같다 = 같다?
6
|
| 26813 | |
| 4912 | |
| 26804 | |
| 4906 |
개발자
모바일 크롬에서
5
|
| 4895 | |
| 4887 | |
| 4882 | |
| 4877 | |
| 4869 | |
| 30618 |
CSS
가상클래스 순서 외우기
3
|
| 4866 | |
| 26799 |
퍼블리셔
개발자이지만....ㅎㅎ
4
|
| 4862 | |
| 26795 |
퍼블리셔
오늘 아침 검색하다가 ㅋㅋㅋ
3
|
| 24430 | |
| 4857 |
개발자
MYSQL 괴현상..
4
|
| 30609 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기