일단 기존에 하던건 나두고
또다시새롭게 ㅎㅎ~
혹시 제가짠게 잘못된 레이아웃일까요?
지적 부탁드려요 ㅎㅎ
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN " "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="whole">
<div id="head">
<div class="shortcut"></div>
<div class="logo"></div>
<div class="menu"></div>
</div>
<div id="contents">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>
<div id="tail"></div>
</div>
</body>
</html>
<style>
body { text-align:center; margin:0px; padding:0px;}
#whole { width:970px; margin:auto; text-align:left; }
#head { width:970px;}
.shortcut { height:22px; text-align:right; border-bottom: 1px solid #000000; }
.logo { float:left; height:100px;}
.menu { clear:both; height:35px;}
#contents { width:970px;}
.left { width:250px; float:left;}
.center { width:450px; float:left;}
.right { width:250px; float:left;}
#tail { clear:both; }
</style>
댓글 10개
self-closing 은 전적으로 xhtml 작성을 위해 예약하는 목적임으로 HTML4.01 Transitional 이던 HTML4.01 Stric이던 예약을 하기위해서는 xhtml로 바꾸시는것이 맞습니다
또한 meta는 self-close고 밑의 <link rel="stylesheet" href="style.css" type="text/css">는 self-close 가 없으세요. 일관성이없다는 말이죠
범용테그라해서 남용하게되면 해를 입게되죠
또한
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
은 <title></title>테그 위에 위치해야합니다
위처럼하면 브라우저제목은 캐릭셋이 정해지지 않기때문이에요
예를들면 http://ritchen.co.kr/ 같은사이트를 파폭에서 여시면 브라우져 제목이 꺠져서 나오는것을 보실수있을꺼에요
현제DTD를 유지하신다면
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> New Document </title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
이렇게 작성하시는것이 맞습니다
self-close는 상위버전에서 나온것임으로 하위버전에서 방치한것뿐이지 해당 DTD에서 self-close를 원래부터 범용으로 마련된것이 아니에요
또한 meta는 self-close고 밑의 <link rel="stylesheet" href="style.css" type="text/css">는 self-close 가 없으세요. 일관성이없다는 말이죠
범용테그라해서 남용하게되면 해를 입게되죠
또한
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
은 <title></title>테그 위에 위치해야합니다
위처럼하면 브라우저제목은 캐릭셋이 정해지지 않기때문이에요
예를들면 http://ritchen.co.kr/ 같은사이트를 파폭에서 여시면 브라우져 제목이 꺠져서 나오는것을 보실수있을꺼에요
현제DTD를 유지하신다면
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> New Document </title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
이렇게 작성하시는것이 맞습니다
self-close는 상위버전에서 나온것임으로 하위버전에서 방치한것뿐이지 해당 DTD에서 self-close를 원래부터 범용으로 마련된것이 아니에요
아~우.... XHTML은 XML 문법에 맞게 써진 것이고요. XHTML과 HTML은 서로 다른 처음시작인 SGML DTD가 아닌 SGML Declaration이 전혀 다른 서브셋에 있는 것입니다. 이들은 상위나 하위버전이 아닙니다. 잘못 알고들 계신거고요.
또 HTML5라는 것을 생각만해도 왜 XHTML5는 없을까라며 추측이 가능할텐데... 이런 '전적으로'라는 말까지 써가면서 상상을 하여 결론을 내리지 않을 텐데요. HTML5문서가 XML문서로도 올바른 문서가 되기 위해서는 XML이 보다 문법적으로 까다롭기에 이를 처음부터 염두하고 작성하는 의미와 HTML4.01에서 empty tag를 처리 하는 것과 차이가 없습니다. HTML문서를 작성하면 동시에 XML 문서로서도 유효하게 작성해 놓으면 좀더 도움이 되겠죠. 첫줄만 바꾸면 되니까.. ㅎ
그리고 마지막으로 맞냐 틀리냐와 이것이 좋다라는 것은 다른 말입니다. title위에 meta 태그가 위치하는 것은 맞냐와 틀리냐의 이야기가 아닙니다. 그렇게 이야기하면 자바스크립트 삽입전에 link나 stylesheet를 먼저 써야 한다는 것부터 여러 이야기가 가능하겠네요.ㅎㅎ 그렇지 않으면 틀리다입니까? ㅎ
또 HTML5라는 것을 생각만해도 왜 XHTML5는 없을까라며 추측이 가능할텐데... 이런 '전적으로'라는 말까지 써가면서 상상을 하여 결론을 내리지 않을 텐데요. HTML5문서가 XML문서로도 올바른 문서가 되기 위해서는 XML이 보다 문법적으로 까다롭기에 이를 처음부터 염두하고 작성하는 의미와 HTML4.01에서 empty tag를 처리 하는 것과 차이가 없습니다. HTML문서를 작성하면 동시에 XML 문서로서도 유효하게 작성해 놓으면 좀더 도움이 되겠죠. 첫줄만 바꾸면 되니까.. ㅎ
그리고 마지막으로 맞냐 틀리냐와 이것이 좋다라는 것은 다른 말입니다. title위에 meta 태그가 위치하는 것은 맞냐와 틀리냐의 이야기가 아닙니다. 그렇게 이야기하면 자바스크립트 삽입전에 link나 stylesheet를 먼저 써야 한다는 것부터 여러 이야기가 가능하겠네요.ㅎㅎ 그렇지 않으면 틀리다입니까? ㅎ
좀더 첨언한다면 갑자기 HTML5에서 통합하겠다고 해서 공중에서 이전에 오류로 보았던 문법이 허용이 되면서 통합이 되는 것은 아닙니다. 그러기 위해서는 통합이 가능한 상태에 있어야 하고요. 사실 문법적 스타일의 문제이기도 하고요.
그런 내용을 확인하려면 문서를 작성하는데 있어 SGML Declatation, SGML DTD를 살펴보아야 할 필요가 있는 것이며, 엄밀히 말하면 Strict에서의 오류는 DTD이기는 하지만, 그보다 상위에서 OMIT TAG 기능을 허용하였기 때문이며 XML의 소위 Well-formed로 self-closing tag로 받는 부분이 본래 HTML에서도 문법상에 오류가 아니었기 때문이기도 합니다.
그런 내용을 확인하려면 문서를 작성하는데 있어 SGML Declatation, SGML DTD를 살펴보아야 할 필요가 있는 것이며, 엄밀히 말하면 Strict에서의 오류는 DTD이기는 하지만, 그보다 상위에서 OMIT TAG 기능을 허용하였기 때문이며 XML의 소위 Well-formed로 self-closing tag로 받는 부분이 본래 HTML에서도 문법상에 오류가 아니었기 때문이기도 합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 12413 | |
| 12412 | |
| 12411 |
JavaScript
실시간 카운트 다운 시계 입니다.
|
| 12410 |
jQuery
jQuery, 이미지맵 마우스오버시 하이라이트 표시
|
| 12407 | |
| 12406 | |
| 12405 | |
| 12404 |
JavaScript
한번만 submit 되게 하기 입니다.
|
| 12403 |
JavaScript
영문자나 숫자만 입력 할 수 있게 하기 입니다.
|
| 12402 |
JavaScript
현재 페이지 이메일로 보내는 버튼 만들기 입니다.
|
| 12401 |
JavaScript
모바일웹에서 PC버전 링크
|
| 12400 |
JavaScript
특정 파일형태만 업로드 하기 입니다.
|
| 12399 |
JavaScript
입력 문자열 앞에 붙는 공백 제거하기 입니다.
|
| 12398 |
JavaScript
키보드 방향키로 창의 위치를 이동시키기 입니다.
|
| 12397 | |
| 12396 | |
| 12395 |
JavaScript
키보드 눌러 이동하는 단축키 사용하기 입니다.
|
| 12394 |
JavaScript
책장을 넘기는 것같은 이미지 슬라이드 쇼 입니다.
|
| 12393 |
JavaScript
마우스를 대면 링크 이미지들을 보여주기 입니다.
|
| 12392 |
PHP
pushbullet 푸시 발송
|
| 12391 |
MySQL
같은 컬럼의 행들을 한번에 UPDATE 하기
|
| 12390 |
JavaScript
이미지들을 보여주는 풀다운 콤보메뉴 입니다.
|
| 12389 |
JavaScript
부드럽게 오버랩되는 이미지 슬라이드 쇼 입니다.
|
| 12388 |
JavaScript
끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 입니다.
|
| 12387 |
PHP
php 주요 정리 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기