티스토리 뷰

XHTML로의 전환 


HTML에서 XHTML로의 전환 방법

1. XHTML DTD를 선언한다.

2. XML 네임스페이스와 언어코드를 지정한다. 

<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko"> 


3. 모든 시작태그는 종료태그들을 가져야 한다. 또, 빈 요소의 경우 하나의 공백 문자와 '/>' 로 끝나야 한다. 

<img src="http://www.daum.net/logo.gif" width="100" height="100" alt="다음" />


4. 모든 요소와 속성은 소문자로 작성되어야 한다.


5. 모든 속성값들은 큰 따옴표로 둘러싸고 값을 가져야 한다

<input type="radio" checked="checked" /> 


6. 중첩 관계가 적절해야 한다.


7. text나 URL, script에 포함된 특수문자('<', '>', '&')는 escape 시킨다. 




블록 요소 VS 인라인 요소 


1. 블록 요소 (Block Elements)

• 줄을 바꿔 각각 독립된 줄에 표시

• 인라인 요소와 텍스트 혹은 또 다른 블록 요소를 포함할수 있다.

• h1~h6, p, div, ul, ol, li 등

2. 인라인 요소 (Inline Elements)

• 다른 인라인 엘리먼트와 같은 줄에 표시

• 또 다른 인라인 요소와 텍스트를 포함하지만 블록 요소를 포함할 수는 없다.

• a, img, strong, span 등





- 요소는 다른 요소를 포함할 수 있다.

<h1><a href=“http://www.daum.net”>Daum</h1></a> 


- 요소는 다른 요소를 포함할 수 있다.

<h1><a href=“http://www.daum.net”>Daum</h1></a> (X)

<h1><a href=“http://www.daum.net”>Daum</a></h1> (O) 


- 요소는 다른 요소를 포함할 수 있다.

<h1><a href=“http://www.daum.net”>Daum</h1></a> (X)

<h1><a href=“http://www.daum.net”>Daum</a></h1> (O)


- 인라인 요소는 블럭 요소를 포함할 수 없다.

<a href=“http://www.daum.net”><h1>Daum</h1></a> 


- 요소는 다른 요소를 포함할 수 있다.

<h1><a href=“http://www.daum.net”>Daum</h1></a> (X)

<h1><a href=“http://www.daum.net”>Daum</a></h1> (O)


- 인라인 요소는 블럭 요소를 포함할 수 없다.

<a href=“http://www.daum.net”><h1>Daum</h1></a> (X)

<h1><a href=“http://www.daum.net”>Daum</a></h1> (O) 


HTML 요소와 주요속성은 다음시간에!



※ download & Next Menu



저작자 표시 비영리 변경 금지
신고
댓글