* 본 내용은 Heade First HTML with CSS & XHTML의 내용을 참고로 요약, 정리한 것입니다.
* 퍼가실 때는 아래와 같은 출처를 꼭! 밝혀주세요!
원본 : http://blog.missflash.com/
출처 : MissFlash.com, http://www.missflash.com/
* 퍼가실 때는 아래와 같은 출처를 꼭! 밝혀주세요!
원본 : http://blog.missflash.com/
출처 : MissFlash.com, http://www.missflash.com/
* 문서타입정의(각 문서 타입의 DTD)
1. Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2. Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
3. XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
* 유효성 검사기
http://validator.w3.org
* 컨텐트 타입 명시
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1'>
문자 인코딩 정보 : http://www.w3.org/international/O-charset.html
* Strict HTML 4.01로 가기 위한 지침서
1. 모든 웹페이지는 DOCTYPE로 시작, <html>~</html>로 끝나야 함
2. <head><body>를 반드시 사용해야 함
3. <title>을 반드시 사용해야 함
4. <body>에는 블록 엘리먼트만 넣어야 함(입력했을 때 자동으로 행이 분리되는 태그, h1, h2, ..., p, blockquote 등)
5. 블록 엘리먼트들은 인라인 엘리먼트 밖에 둬야 함
6. 블록 엘리먼트들은 <p> 엘리먼트 밖에 둬야 함(<p> 문단은 텍스트를 위한 것)
7. 리스트는 리스트 항목들만을 위한 것임(ul, ol안에는 li만 올 수 있음)
8. 리스트 항목에는 원하는 것을 무엇이든지 넣을 수 있음
9. blockquote에는 오직 블록 엘리먼트만이 올 수 있음(<p>,</p>엘리먼트 등)
10. 다른 인라인 엘리먼트 안으로 인라인 엘리먼트를 중첩시킬 때는 주의할 것!
'Tip&Tech > Web' 카테고리의 다른 글
FeedBurner를 사용하신다면 국내 RSS리더를 추가해 보세요 ^_^; (0) | 2008.01.08 |
---|---|
내 블로그 가격은 얼마일까? (3) | 2008.01.07 |
[Head First HTML with CSS & XHTML] 1. 문서타입과 지침서 (2) | 2008.01.05 |
파이어폭스(Firefox) 유용 애드온 - DownloadHelper(동영상 저장 애드온) (0) | 2007.12.14 |
파이어폭스(Firefox) 유용 플러그인 - LightSMS(SKT사용자 전용 문자전송 플러그인) (1) | 2007.11.28 |
뒷북이지만... 우분투 씨디를 받았습니다. ^___^; (2) | 2007.11.22 |
이 글은 새로운 정보가 추가될 때마다 업데이트됩니다. 추천으로 아래 숫자에 1을 더해보세요. :)
RSS구독을 하시면 포스트를 배달해 드립니다. ▷ 한RSS 구독하기, 구글리더 구독하기
TAG CSS,
CSS/XHTML,
Head First,
HTML,
MissFlash,
Strict,
Transitional,
XHTML,
문서타입,
대한민국>대전>KAIST>동문창업관
댓글을 달아 주세요
Heade First 시리즈는 참 좋은 책인것 같아요.
2008.01.05 22:43 [ ADDR : EDIT/ DEL : REPLY ]A2님 안녕하세요 ^_^;
2008.01.05 22:56 신고 [ ADDR : EDIT/ DEL ]이 책의 경우, 초반에는 너무 기초적인 부분을 설명해서... 뭐 이래 하다가... 중간을 넘어가니까 새로운 부분들이 나오기 시작하더라구요...
잡다(?)한 설명이 많긴 하지만... 유용한 것 같습니다. ㅎㅎ;