명언 : 고객은 하늘 아래에 있는 모든 브라우저를 사용한다.
.내가 작성한 페이지가 표준으로 작성되어 있는지 체크 해주는 사이트
.두가지 DOCTYPE
.transitional : 이전 버전 HTML의 일부분도 허용
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
.strict : 엄격한 문서 타입 ( 완벽한 신뢰성과 표준화된 웹 사이트임이 검증 )
<!doctype html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
.표준 엘리먼트 위치에 관해서
1) Body 안에는 블록 엘리먼트만 넣는다.
2) 모든 인라인 엘리먼트와 텍스트는 다른 블록 엘리먼트 안으로 들어가야 한다.
3) 인라인 엘리먼트 안에 넣을 수 있는 유일한 것은 텍스트나 다른 인라인 엘리먼트들이다.
( 블록 엘리먼트는 어떤 상황에서라도 인라인 엘리먼트 안으로 들어가는 것이 허용되지 않는다. )
4) 블록 엘리먼트들은 <p> 엘리먼트 밖에 두어야 한다.
5) 리스트(ul/ol)는 리스트 항목(li) 들을 위한 것이다.
6) 리스트 항목(li)에는 아무거나 넣어도 상관없다.( 블록 엘리먼트/인라인 엘리먼트/텍스트)
7) blockquote에는 블록 엔리먼트로 감싸준 녀석만 넣는다.
8) 인라인 엘리먼트의 중첩은 주의해서 작성한다.
표준을 지키게 되면, 페이지는 더 빨리 로드되며 브라우저 종류에 따른 차이점이 적어진다.
HTML5 와 XHTML2 오해...
http://blog.naver.com/PostView.nhn?blogId=kty4523&logNo=50125710941
'나는 엔지니어 > HTML' 카테고리의 다른 글
스타일시트 불러오기 link 키워드 (0) | 2012.07.01 |
---|---|
스타일시트 (0) | 2012.06.28 |
img 태그에 관해서 (0) | 2012.06.27 |
새 윈도우 열기... (0) | 2012.06.27 |
목적지 앵커 설정 하는법 (0) | 2012.06.27 |