본문 바로가기

나는 엔지니어/HTML

내가 작성한 HTML이 표준을 만족하는가????? ㅡㅡa

명언 : 고객은 하늘 아래에 있는 모든 브라우저를 사용한다.


.내가 작성한 페이지가 표준으로 작성되어 있는지 체크 해주는 사이트

http://validator.w3.org/


.두가지 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