4강 그누보드4 dtd 변경 및 오류 찾기 (html5)

지운아빠

· 13년 전 · 조회 5045 5045 · 댓글 19 19

그누보드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 기준입니다. 왜냐구요? 제가 자주 써서요...

초기화면

회원가입, 약관

회원가입, 정보입력

회원가입, 완료

아이디/패스워드 찾기

label 가운데 정렬, input 높이 높아짐, 안내메세지 가운데 정렬

현재접속자

최근게시물

전체검색

쪽지, 받은쪽지

쪽지, 보낸쪽지

쪽지, 쓰기

쪽지, 읽기

포인트

게시판, 목록

게시판, 읽기

게시판, 쓰기

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 19개

기루기루

프로필 보기 이 회원 글보기 이 회원의 댓글보기

13년 전

사이드뷰도 살포시 찍어주세용~

지운아빠

프로필 보기 이 회원 글보기 이 회원의 댓글보기

13년 전

아 사이드뷰도 있었네요. 알겠습니다. ㅎㅎㅎ

홍익플래시

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

선언을 한다는 의미를 좀 설명해주시면 안 될까요? 사용자에 대한 선언인가요? w3c에 대한 선언인가요?

지운아빠

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

저도 처음에 선언이란 단어가 어려웠습니다.
말 자체에 집중하지 마시고 다음과 같이 이해하시면 됩니다.

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">

길가다꽁해져

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

조금 헷갈릴수 있는데, DTD Type 에 따라서 렌더링 되는 화면이 달라질수 있으므로 명시하는게 좋습니다. 선언이나 정의나 비슷한 개념인데, 웹문서를 어떠한 DTD 형식으로 해석하여 보여주라는 의미로 받아들이시는게 속이 편할거같아요~ DTD를 생략하면 브라우저가 임의로 해석해서 렌더링하기도 하기때문에 가급적 해당 DTD를 표기하고 문법에 맞게 코딩하는게 좋겠죠

직업재활

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

감사하다는 말뿐이네요 ^^ 많이 배워요~~

비스다름

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

잘 보고 있습니다. 감사합니다.

나짱

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

이번 강좌 부터는 좀 어려워지네요. ㅎ

갱쿤

프로필 보기 이 회원 글보기 이 회원의 댓글보기

11년 전

정말 필요했던 정보인대 궁굼증을 전부 해결해주셨네요~ 좋은정보 감사합니다 ^^

/ 2

1 2

게시글 목록

번호	제목	글쓴이	조회	날짜
32071	센스리더 센스리더의 기능과 기능키 - 13. 위치기억 관련 기능	지운아빠	2,818	12년 전
32070	센스리더 센스리더의 기능과 기능키 - 12. 하일라이트 관련 기능	지운아빠	2,848	12년 전
18535	JavaScript ajax 그리드 문의 1	보충수업	1,474	12년 전
5369	JQuery를 이용해서 rss를 원하는부분 출력하고싶은데요 3	컬티스	888	12년 전
27088	사이트 추천즘 부탁드려요~ 3	kiplayer	799	12년 전
5364	php 에서 USB 외장 드라이버에 인식은 어떻게.... 4	항상감사	585	12년 전
32069	센스리더 센스리더의 기능과 기능키 - 11. 그래픽 관련 기능	지운아빠	2,808	12년 전
32068	센스리더 센스리더의 기능과 기능키 - 10. 설정 기능	지운아빠	2,946	12년 전
18521	jQuery jquery 속도 높이는 팁 13	울랄라커뮤니케이션스	2,100	12년 전
5359	php 글자 깨짐 질문입니다. 4	Holyreign	1,331	12년 전
18520	jQuery Easing Functions Cheat Sheet	편리	782	12년 전
32067	센스리더 센스리더의 기능과 기능키 - 9. 환경 기능	지운아빠	2,860	12년 전
32066	센스리더 센스리더의 기능과 기능키 - 8. 음성 관련 기능	지운아빠	3,189	12년 전
27081	웹호환성과 접근성?? 6	조박사님	1,234	12년 전
18514	jQuery Mobilize 의 touchSlider 아시나용? (모바일용으로 유명한 터치슬라이더~) 5	kiplayer	10,565	12년 전
5355	올레 500 Error Page 3	itlang	1,415	12년 전
5354	아.. 힘드네요.	342s	423	12년 전
5350	php session_id 질문 3	senseme	1,360	12년 전
32065	센스리더 센스리더의 기능과 기능키 - 7. 토글기능	지운아빠	3,105	12년 전
18510	Mobile [안드로이드] TextView 텍스트 많아지면 ...으로 표시방법. 3	수저	7,121	12년 전
18503	jQuery 좌우 슬라이드메뉴와 상하 슬라이드 메뉴 6	port	8,959	12년 전
32064	센스리더 센스리더의 기능과 기능키 - 6. 사용자 윈도우 기능	지운아빠	2,861	12년 전
32063	센스리더 센스리더의 기능과 기능키 - 5. 활성 윈도우 정보 기능	지운아빠	2,987	12년 전
18502	기타 [안드로이드] No Launcher activity found! 에러 해결방법	수저	6,668	12년 전
18499	기타 [안드로이드] java.lang.NullPointerException 에러 해결 방법 2	수저	10,512	12년 전
18495	MySQL MySQL 5.1 VS MySQL 5.5 버전 각각 MyISAM 엔진과 InnoDB 엔진 속도 비교 3	박사마	4,045	12년 전
5345	그누보드 플러그인 프레임워크.. 개발자분들 함께해요 (2) 4	byfun	574	12년 전
27079	텝메뉴 문의 드립니다. 1	아이바위	877	12년 전
30718	CSS id나 class 명은 어떻게 쓰시는지요? 9	레어닉	2,351	12년 전
18494	PHP 그누보드 자동 이스케이프 관련 버그(?)	레어닉	683	12년 전
18493	jQuery jQuery / jQuery Mobile 에서 json 파싱 방법	kiplayer	3,733	12년 전
5343	안하다 하려니 어렵네요. 1	대근	426	12년 전
18491	MySQL Mysql DB를 InnoDB로 바꿔봅시다 1	울랄라커뮤니케이션스	2,937	12년 전
18489	웹서버 리눅스 서버 관리에 필요한 50가지 팁 1	울랄라커뮤니케이션스	3,433	12년 전
18487	Mobile 모바일 웹 개발에 큰 도움이 되는 피모 브라우저 1	주재넷	2,092	12년 전
18486	PHP 간단한 쿠폰번호 생성	kiplayer	2,167	12년 전
18484	PHP xml 파싱 예제 1	울랄라커뮤니케이션스	3,261	12년 전
18482	PHP eval 1	windowhan	672	12년 전
32062	센스리더 센스리더의 기능과 기능키 - 4. 캐럿 읽기 기능	지운아빠	2,896	12년 전
26476	제안서 제안서 유용한 도형 13	미르얌	5,223	12년 전
18481	jQuery 롤오버+슬라이드 질문드립니다.	그루컴즈	1,633	12년 전
5339	mysql connect 해제 관련 3	AMDbest	1,341	12년 전
18480	jQuery jQuery path plugin	편리	1,206	12년 전
18476	JavaScript 아이폰일때 상단 검색바 숨기기 3	kiplayer	1,127	12년 전
27137	도와주소서 ㅠㅠ 6	한번잘해보자	923	12년 전
30711	반응형 참고해서 만들어 본 반응형 레이아웃 6	kiplayer	3,129	12년 전
18475	PHP 어떤 스마트폰에서 접속했는지 알아내는 함수	dsv421	796	12년 전
18474	PHP 년별 월별 일별 시간 범위 구하기	dsv421	1,504	12년 전
18470	jQuery jQuery로 파일업로드(input=file) 버튼 이미지로 변경하기 3	dsv421	5,833	12년 전
32061	센스리더 센스리더의 기능과 기능키 - 3. 마우스 동작 기능	지운아빠	3,208	12년 전
18469	웹서버 AWS 아마존 클라우드 서버 Network Latency Check	MFBob	2,610	12년 전
32060	센스리더 센스리더의 기능과 기능키 - 2. 포인터 이동 기능	지운아빠	3,094	12년 전
5335	php 최근 버전은 addslashes 굳이 안써도 되나요 3	AMDbest	1,460	12년 전
32059	센스리더 센스리더의 기능과 기능키 - 1. 포인터 읽기 기능	지운아빠	785	12년 전
5333	모든 게시판에서 게시글(최신글) 및 첨부파일 가져오는 쿼리문 1	모니터군	1,199	12년 전
32058	센스리더 센스리더의 메뉴 구성 - 7. 도움말	지운아빠	1,261	12년 전
32057	센스리더 센스리더의 메뉴 구성 - 6. 보기	지운아빠	607	12년 전
30705	CSS 팁은 아닌데 그냥 제가 자주쓰는 버튼 css 5	kiplayer	3,537	12년 전
5326	하이브리드 앱 방법론에 대한 생각(jQM,Sencha,Html5) 6	kiplayer	3,959	12년 전
18466	PHP 서버의 php버전이 낮아서 json_encode() 함수가 안될때 사용하는 함수 2	kiplayer	2,290	12년 전
18462	JavaScript 모바일웹 이미지맵 사용 소스 3	kiplayer	8,284	12년 전
18461	JavaScript [복사하기] 버튼 자료~	kiplayer	941	12년 전
31504	표준화 7강 갤러리 게시판 스킨 (skin/board) 21	지운아빠	8,733	12년 전
30696	웹접근성 html / css 버튼 만들어 주는 사이트. 자주 활용합니다^^; 편리성 8	돼지코구뇽	16,898	12년 전
32056	센스리더 센스리더의 메뉴 구성 - 5. 점자	지운아빠	1,221	12년 전
5321	나만그런가? 도무지 기억이 안나는 현상! 4	유보	700	12년 전
18456	PHP php 동영상 강좌 4	서기	6,238	12년 전
18455	jQuery array toggle	개판	692	12년 전
32055	센스리더 센스리더의 메뉴 구성 - 4. 도구	지운아빠	877	12년 전
5315	에딧플러스 bak 파일 5	요태지	633	12년 전
5310	MySQL 필드순서 바꾸는 명령 있을까요? 4	지러유	778	12년 전
27072	웹표준 궁금한것이 있습니다. 6	AKASIA	1,122	12년 전
32054	센스리더 센스리더의 메뉴 구성 - 3. 환경 설정	지운아빠	976	12년 전
27066	에디터플러스에서 zencoding 질문있는데요. 5	웹디자인되고파	1,081	12년 전
18453	OS Linux 네트워크 트래픽 확인 iftop 1	daro	3,651	12년 전
30692	HTML IE6 PNG 초 간단하게 적용 3	daro	2,129	12년 전
30690	HTML HTML5 placeholder 사용하기 1	daro	4,380	12년 전
18451	OS iptables UDP IP 차단 1	daro	3,068	12년 전
18450	웹서버 nginx 413 Request Entity Too Large 파일 업로드시 해당 오류뜰경우	daro	4,255	12년 전
18449	PHP php array_map() 함수를 대체하기 위해 만든 함수	편리	2,066	12년 전
5307	함수 안에 include 사용시 궁금한점이 있습니다 2	진서기	1,270	12년 전
32051	센스리더 센스리더의 메뉴 구성 - 2. 음성 설정 2	지운아빠	920	12년 전
18448	OS PHP Mcrypt on CentOS 6	관리자	2,067	12년 전
18447	OS 리눅스 CENT OS 비트(bit) 확인하기	관리자	4,997	12년 전
18441	jQuery 참고사이트 모음 5	dsv421	1,269	12년 전
18437	jQuery ajax로 폼값 쉽게 넘기기 serialize() 3	dsv421	4,112	12년 전
18429	jQuery 기초적이지만 자주 쓰이는 Jquery 팁 20가지 7	dsv421	5,636	12년 전
32049	센스리더 센스리더의 메뉴 구성 - 1. 파일 1	지운아빠	1,269	12년 전
30686	CSS 제가 사용하는 CSS RESET (초기화) 3	지운아빠	2,531	12년 전
5299	프리랜서 여러분 , 여러분들은 어디서 일거리를 구하십니까? 7	프로프리랜서	1,638	12년 전
5289	여러분들은 현재 어떤 DOCYTPE 을 사용하시는지요??? 9	atria	605	12년 전
30677	HTML <img> 태그 올 바르게 사용하기. 8	daro	2,320	12년 전
32042	센스리더 센스리더에서 사용되는 개념들 6	지운아빠	2,068	12년 전
18426	PHP 간단하게 파일을 쓰거나 읽는 함수입니다. 2	프로프리랜서	759	12년 전
18422	PHP 간단하게 파일을 쓰거나 읽는 함수입니다. 3	프로프리랜서	708	12년 전
18420	OS 아파치 로그를 분석하여 특정 아이피가 몇번 접속 했는지 알아내는 스크립트 1	프로프리랜서	3,199	12년 전
18418	OS 파일 목록의 합계 구하기 1	프로프리랜서	1,617	12년 전
5285	게시판 뷰페이지 구현시 질문입니다. 3	AMDbest	636	12년 전
5282	구문의 오류 아닌 오류에 대한 질문입니다. 2	AMDbest	494	12년 전
26459	계약서 홈페이지 제작계약서 v9.7.3 16	해피정	8,134	12년 전

이전 다음

21 22 23 24 25

전체 목록

4강 그누보드4 dtd 변경 및 오류 찾기 (html5)

4강 그누보드4 dtd 변경 및 오류 찾기 목차

그누보드4에서 dtd 선언하는 법

그누보드4 dtd 선언 Before & After

초기화면

회원가입, 약관

회원가입, 정보입력

회원가입, 완료

아이디/패스워드 찾기

현재접속자

최근게시물

전체검색

쪽지, 받은쪽지

쪽지, 보낸쪽지

쪽지, 쓰기

쪽지, 읽기

스크랩

포인트

게시판, 목록

게시판, 읽기

게시판, 쓰기

댓글 작성

댓글 19개

게시글 목록