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

지운아빠

· 13년 전 · 조회 5038 5038 · 댓글 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

게시글 목록

번호	제목	글쓴이	조회	날짜
32341	jquery-ui / datepicker 나라별	신리	27	9년 전
32339	영어 독해 쉬운 방법	박쥐12	31	9년 전
32326	php에 오라클이 가능한가요? 2	커네드커네드	70	9년 전
32325	씨멘틱 마크업 - 이거 머냐 씹어먹는거냐? 2	자루스	82	9년 전
32322	PHP 관련 클래스들이 많은 사이트 2	신리	121	9년 전
32319	텍스트를 읽어주는 코딩	신리	110	9년 전
32318	jQuery 예제가 많은 사이트	덕서리	103	9년 전
32316	/js 아래 자바스크립트 화일들이 어디에서 사용될까요?	신리	58	9년 전
32315	신입 개발 ->디자인 ->퍼블로 왔습니다! 4	웹표준3년차	138	9년 전
32313	부트스트랩으로 만든 메뉴를 CSS로 변경본겁니다.	쥬노	46	9년 전
32312	제가 부트스트랩으로 공부하던 중 처음으로 회사 홈페이지를 만들고 있는데요...	쥬노	45	9년 전
32311	제가 부트스트랩으로 공부하던 중 처음으로 회사 홈페이지를 만들고 있는데요...	쥬노	51	9년 전
32310	HTTP Cache 튜토리얼 - 속도개선	인덱스웹	82	9년 전
32304	보더문의 3	star3840	60	9년 전
32303	부트스트랩 질문 드립니다. 1	토시아	111	9년 전
32300	PHP로 개발 시 지양해야 할 코드 2	제은일행	62	9년 전
32293	업로드 구현시 최강자 Plupload 1	절권도	182	9년 전
32292	유튜브 동영상 관련 질문드립니다~~ 1	기만잉	123	9년 전
32291	인쇄 여러장 어떻게 해야하죠..?	밍밍멍	29	9년 전
32285	오픈마켓 이익금 계산기	감기약	199	9년 전
32284	구글 웹사이트 번역기 사이트에 달기	신리	189	9년 전
32275	오픈마켓 이익금 계산기 급하게 만들어 봤습니다. 3	감기약	290	9년 전
32271	카페24 호스팅에서 mail()함수 / smtp인증을 통한 gmail 서버로 발송 가능한가요? 2	글러빙	159	9년 전
32268	jquery print 입니다. 5	Rido	180	9년 전
32265	개발 선배님들께 질문 남기고자 합니다.. 4	웹의미래는딥러닝	132	9년 전
32261	n개월 뒤 말일 구하기 함수	잠돌	127	9년 전
32258	HHVM Just In Time Interpreter 설정	글러빙	88	9년 전
32257	SEO 전용 제어 판넬 - 멀티사이트 관리 1	신리	175	9년 전
32255	vagrant 란? 1	글러빙	107	9년 전
32254	개발자를 위한 자바스크립트로 화면 UI 라이브러리	글러빙	144	9년 전
32253	팝업띄우려면, colorbox ~	글러빙	106	9년 전
32251	jQuery Sidebar 패널입니다. 2	글러빙	155	9년 전
32250	url관련 처리는 URI.js	글러빙	133	9년 전
32249	메트로 스타일 css	글러빙	111	9년 전
32247	게임을 통해 코딩을 배워갑니다.	신리	491	9년 전
32246	ContentTools - 웹페이지를 WYSIWYG editors를 이용하여 편집	신리	110	9년 전
32245	embed.js 참으로 유용한 플러그인입니다 2	신리	246	9년 전
32244	제니퍼소프트의 UI프레임워크 JUI	절권도	115	9년 전
32243	날씨 정보 API	절권도	137	9년 전
32242	PHP : The right way 1	절권도	93	9년 전
32241	모질라가 제공하는 자바스크립트 레퍼런스	절권도	91	9년 전
32240	PHP7로 가는 법	절권도	148	9년 전
32239	정규식 테스터	절권도	79	9년 전
32238	PHP 문법 체크	절권도	98	9년 전
32237	IP 검색 사이트	절권도	108	9년 전
32236	요즘 수요가 가장 많은 사이트 유형이 뭘까요? 2	절권도	268	9년 전
32232	7 Best PHP Frameworks	신리	68	9년 전
32229	웹사이트의 CSS정보를 바로 확인해 주는 크롬 확장프로그램 소개 2	신리	294	9년 전
32228	HTML에 CSS필터를 효과적으로 줄 수 있는 JS plugin을 소개합니다.	신리	119	9년 전
32227	CSS Library - Picnic CSS	신리	89	9년 전
32217	고급 강좌가 무료입니다 3	신리	660	9년 전
32215	안녕하세요 웹 개발자를 꿈꾸는 학생입니다. 7	컴쿨	451	9년 전
32214	다양한 코딩 툴들 2	신리	252	9년 전
32213	jQuery Tree 를 만들었습니다.~~ 2	kiplayer	260	9년 전
32211	모던PHP에 대한 고견을 들었으면 합니다. 3	승희아빠	306	9년 전
32207	jquery ExayUI 소개 1	신리	184	9년 전
32196	날짜 입력과 관련한 자바스크립트 4	신리	184	9년 전
32193	협업을 위한 그룹 채팅 솔루션... 2	신리	303	9년 전
32192	위도, 경도 값을 받아서 타임존을 확인하는 프로그램	신리	145	9년 전
32190	padding 값 클래스 화, 어떤 게 직관적으로 느껴지시나요? 1	이온디	139	9년 전
32188	웹사이트에서 고객채팅 프로그램 4	이대리S	251	9년 전
32186	익스 6이나 7도 맞쳐줘야하나요? 2	커네드커네드	220	9년 전
32184	파노라마 기능 및 WebVR 3	신리	273	9년 전
32173	php에서 Excel 화일 읽고 쓰고... 4	신리	283	9년 전
32172	개발자를 위한 SVG LOGO	신리	194	9년 전
32171	Spectacle - A React.js Presentation Library	신리	133	9년 전
32167	제주관광공사 OPEN API	신리	259	9년 전
32165	스펙터 CSS 프레임워크 3	엔피씨	245	9년 전
32163	css3로 구현하는 애니메이션 한 눈에 보기 1	신리	252	9년 전
32162	HTML 에니메이션 툴	신리	243	9년 전
32158	홈페이지 기능 체크 좀 부탁드려요! 3	성격파탄자	445	9년 전
32157	파싱 페이지 넘김 어떻게 해요 3	공부가	350	9년 전
32155	html, css, javascript를 온라인에서 실습해 볼때	신리	171	9년 전
32151	이미지 위에 글자 쓰기 2	신리	318	9년 전
32149	부트스트랩 공부중인데요... 1	쥬노	227	9년 전
32135	내컴퓨터 웹서버 구축	덕서리	208	9년 전
32132	개발 잘해지는 팁 좀,... 12	00년생용띠	550	9년 전
32127	가상서버에서 계정별 트래픽 제한하기 3	신리	186	9년 전
32125	스크립트 후킹	닉네임없음	357	9년 전
32122	필드명 고민 4	엔피씨	364	9년 전
32120	혹시.. 모바일웹 iframe 고정 관련해서 질문해도되나요 1	라푼	450	9년 전
32119	그누보드 아이콘 gif말고 다른 이미지 포멧도 추가하기 1	Jangfolk	292	9년 전
32117	가상서버 운영시 서버시간 맞추기	신리	124	9년 전
32116	내 홈페이지에 원하는 glyphicon을 한곳에서 검색	신리	335	9년 전
32115	css3를 아주 간단하게 만들어줌	신리	394	9년 전
32114	표준 폰트를 기준으로 em 계산시 필요 (px -> em) 2	신리	312	9년 전
32112	table td에 세로 스크롤 적용하기	신리	280	9년 전
32111	SSH2를 지원하는 한글 putty 링크 주소입니다.	신리	135	9년 전
32109	간단한 모달(modal)창 구현소스입니다. 1	Rido	382	9년 전
32107	날씨정보 제공을 위한 weather forecast API	신리	337	9년 전
32104	누구나 쉽게 이해할 수 있는 Git 3	신리	879	9년 전
32103	PHP/MySQL 코드 소스 사이트	신리	200	9년 전
32102	이미지 편집하여 서버에 올리기	전갈자리남자	350	9년 전
32101	php 문자열변수값에서 숫자만 뽑아내기	신리	325	9년 전
32094	다국어 홈페이지 관련 문의 2	사슴뿔	687	9년 전
32089	퍼블리셔 수습기간인데 질문드립니다. 12	DavidCorleone	727	9년 전
20404	서버시간 알아내기	PlayPixel	446	9년 전
31036	기타 swip 사용 안하고, touchstart, touchmove 사용하여 슬라이드 구현	돼지코구뇽	393	9년 전
8279	악성 게시판 스팸글 어떻게 차단하나요 2	북금곰	407	9년 전
8268	연봉질문있습니다. 11	저스팅	758	9년 전

1 2 3

전체 목록

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

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

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

그누보드4 dtd 선언 Before & After

초기화면

회원가입, 약관

회원가입, 정보입력

회원가입, 완료

아이디/패스워드 찾기

현재접속자

최근게시물

전체검색

쪽지, 받은쪽지

쪽지, 보낸쪽지

쪽지, 쓰기

쪽지, 읽기

스크랩

포인트

게시판, 목록

게시판, 읽기

게시판, 쓰기

댓글 작성

댓글 19개

게시글 목록