본문 바로가기

Tip&Tech/Web

[Head First HTML with CSS & XHTML] 1. 문서타입과 지침서

* 본 내용은 Heade First HTML with CSS & XHTML의 내용을 참고로 요약, 정리한 것입니다.
* 퍼가실 때는 아래와 같은 출처를 꼭! 밝혀주세요!
원본 : 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. 다른 인라인 엘리먼트 안으로 인라인 엘리먼트를 중첩시킬 때는 주의할 것!