▶ XHTML 은 엄격한 XML 기반 HTML 버전이다.

 

■ XHTML은 무엇인가?

▶ XHTML (EXtensible HyperText Markup Language)

▶ XHTML은 XML 응용 프로그램으로 정의된 HTML 이다.

▶ XHTML은 모든 주요 Browser에서 지원된다.

 

■ 왜 XHTML 인가?

▶ XML은 모든 문서가 올바르게 표시되어야 하는 ("올바른 형식") 마크업 언어이다.

▶ XHTML은 다른 데이터 형식(예: XML)과 작업할 수 있도록 HTML을 보다 확장 가능하고 유연하게 만들기 위해 개발되었다.

▶ Browser는 HTML 페이지의 오류를 무시하고 마크업에 오류가 있더라도 웹 사이트를 표시하려고 한다.

▶ 따라서 XHTML은 훨씬 더 엄격한 오류 처리 기능을 제공한다.

▶ XML을 공부하고 싶다면 다음 URL에서 확인한다 : https://www.w3schools.com/xml/default.asp

 

■ HTML과의 매우 중요한 차이점

▶ <!DOCTYPE>은 필수다.

▶ <html> 안에 "xmlns" 속성은 필수다.

▶ <html>, <head>, <title>, <body>는 필수다.

▶ 요소는 항상 올바르게 중첩되어야 한다.

▶ 요소는 항상 닫혀 있어야 한다.

▶ 요소는 항상 소문자여야 한다.

▶ 속성 이름은 항상 소문자여야 한다.

▶ 속성 값은 항상 인용 부호로 묶어야 한다.

▶ 속성 최소화는 금지되어 있다.

 

■ XHTML - <!DOCTYPE ...>은 필수다.

▶ XHTML 문서에는 XHTML <!DOCTYPE> 선언이 있어야 한다.

▶ <html>, <head>, <title>, <body> 요소도 있어야 하며 <html>의 "xmlns" 속성은 문서의 xml 네임 스페이스를 지정해야 한다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Title of document</title>
</head>
<body>

  some content here...

</body>
</html>

 

■ XHTML 요소는 적절하게 중첩되어야 한다.

▶ XHTML에서 요소는 항상 다음과 같이 서로 적절하게 중첩되어야 한다.

▶ 올바른 예시 : 

<b><i>Some text</i></b>

▶ 틀린 예시 :

<b><i>Some text</b></i>

 

■ XHTML 요소는 항상 닫혀 있어야 한다.

▶ XHTML에서 요소는 다음과 같이 항상 닫혀있어야 한다.

▶ 올바른 예시 :

A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

▶ 틀린 예시 :

A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">

 

■ XHTML 요소는 항상 소문자여야 한다.

▶ 올바른 예시 :

<body>
<p>This is a paragraph</p>
</body>

▶ 틀린 예시 :

<BODY>
<P>This is a paragraph</P>
</BODY>

 

■ XHTML 속성 이름은 항상 소문자여야 한다.

▶ 올바른 예시 :

<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>

▶ 틀린 예시 :

<a HREF="https://www.w3schools.com/html/">Visit our HTML tutorial</a>

 

■ XHTML 속성 값은 인용 부호로 묶여야 한다.

▶ 올바른 예시 :

<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>

▶ 틀린 예시 :

<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>

 

■ XHTML 속성 최소화 금지

▶ 올바른 예시 :

<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />

▶ 틀린 예시 :

<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />

 

출처 : https://www.w3schools.com/html/html_xhtml.asp

 

HTML Versus XHTML

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

'HTML' 카테고리의 다른 글

HTML / (52) 폼 속성  (0) 2023.03.01
HTML / (51) Forms  (0) 2023.02.28
HTML / (49) URL (Uniform Resource Locators)  (0) 2023.02.27
HTML / (48) 인코딩 (문자 집합)  (0) 2023.02.27
HTML / (47) 이모티콘 사용하기  (0) 2023.02.27

+ Recent posts