XHTML은 보다 엄격하고 XML 기반의 HTML 버전이다.
XHTML이란
XHTML은 Extensible HyperText Markup Language의 약자이다
XHTML은 보다 엄격하고 XML 기반의 HTML 버전이다
XHTML은 XML 응용프로그램으로 정의된 HTML이다
XHTML은 모든 주요 브라우저에서 지원된다
왜 XHTML인가?
XML은 모든 문서가 올바르게 표시되어야 하는 마크업 언어이다.
XHTML은 HTML을 더욱 확장 가능하고 유연하게 만들어 다른 데이터 형식(예: XML)과 함께 사용할 수 있도록 개발되었다. 또한 브라우저는 HTML 페이지의 오류를 무시하고 마크업에 오류가 있더라도 웹 사이트를 표시하려고 한다. 따라서 XHTML은 훨씬 엄격한 오류 처리 기능을 제공한다.
HTML과 가장 큰 차이는
<!DOCTYPE>은 필수 사항
<html>의 xmlns 특성은 필수 사항
<body>, <head>, <body>는 필수 사항
요소는 항상 적절하게 중첩되어야 한다
요소는 항상 닫혀 있어야 한다
요소는 항상 소문자여야 한다
특성 이름은 항상 소문자여야 한다
특성 값은 항상 따옴표로 묶어야 한다
특성 최소화는 금지된다
XHTML에서 <!DOCTYPE..>은 필수
XHTML 문서에는 XHTML <!DOCYPE > 선언.
<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에서 요소는 다음과 같이 항상 닫혀 있어야 한다:
| 좋은 예 | 나쁜 예 |
| <p>This is a paragraph</p> <p>This is another paragraph</p> |
<p>This is a paragraph <p>This is another paragraph |
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 요소는 소문자이어야 한다.
XHTML에서 요소 이름은 항상 다음과 같이 소문자여야 한다:
| 좋은 예 | 나쁜 예 |
| <body> <p>This is a paragraph</p> </body> |
<BODY> <P>This is a paragraph</P> </BODY> |
XHTML 속성 이름은 소문자이어야 한다.
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 속성값은 따옴표로 감싸안아야 한다.
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 속성 최소화가 금지되었습니다
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 /> |
출처 : 이 글의 출처는 w3schools사이트를 참고하였으며 필자가 추가하여 정리한 글입니다.
'HTML > HTML 기본문법' 카테고리의 다른 글
| HTML #Form 속성 (0) | 2023.06.06 |
|---|---|
| HTML Forms (0) | 2023.06.05 |
| HTML URL(Uniform Resource Locators) (0) | 2023.06.03 |
| HTML charset (0) | 2023.06.02 |
| HTML 이모지(Emojis) (0) | 2023.06.01 |
댓글