31.HTML and XHTML
익스랩 최고 관리자
·2019. 12. 21. 14:37
XHTML은 XML로 작성된 HTML입니다.
XHTML이란?
- XHTML은 확장 가능한 하이퍼 텍스트 마크업 언어를 나타냅니다.
(EXtensible HyperText Markup Language) - XHTML은 HTML과 거의 동일합니다.
- XHTML은 HTML보다 엄격합니다.
- XHTML은 XML 애플리케이션으로 정의된 HTML입니다.
- XHTML은 모든 주요 브라우저에서 지원됩니다.
왜 XHTML 일까?
인터넷에 많은 페이지에는 "잘못된" HTML이 포함되어 있습니다.
아래 HTML 코드는 HTML 규칙을 따르지 않더라도 대부분의 브라우저에서 제대로 작동합니다.
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>오늘날 시장은 서로 다른 브라우저 기술로 구성됩니다. 일부 브라우저는 컴퓨터에서 실행되고 일부 브라우저는 휴대폰 또는 기타 소형 장치에서 실행됩니다. 그러나 소형 장치에는 "올바르지 않은" 마크 업을 해석 할 수 있는 리소스 나 능력이 부족합니다.
(즉, 마크 업을 지키지 않으면 해당 코드가 올바르게 실행되지 않을 수도 있습니다. )
XML은 문서를 올바르게 마크 업해야 하는 마크 업 언어입니다.
XHTML은 HTML과 XML의 장점을 결합하여 개발되었습니다.
XHTML은 XML로 재 설계된 HTML입니다.
HTML과의 가장 중요한 차이점
문서 구조
- XHTML DOCTYPE은 필수입니다
- <html>의 xmlns 속성은 필수입니다
- <html>, <head>, <title> 및 <body>는 필수입니다
XHTML 요소
- XHTML 요소는 올바르게 중첩되어야 합니다.
- XHTML 요소는 항상 닫아야 합니다.
- XHTML 요소는 소문자여야 합니다.
- XHTML 문서에는 하나의 루트 요소가 있어야 합니다.
XHTML 속성
- 속성 이름은 소문자여야 합니다.
- 속성 값은 인용해야 합니다.
- 속성 최소화는 금지되어 있습니다.
<! DOCTYPE ....>요소 필수입니다
XHTML 문서에는 XHTML DOCTYPE 선언이 있어야 합니다.
<html>, <head>, <title> 및 <body> 요소도 있어야 하며 <html>의 xmlns 속성은 문서의 xml 네임 스페이스를 지정해야 합니다.
아래 예제는 최소 필수 태그가 있는 XHTML 문서를 보여줍니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content
</body>
</html>
XHTML 요소는 올바르게 중첩되어야 합니다
HTML에서 다음과 같이 일부 요소가 서로 잘못 중첩될 수 있습니다.
<b><i>This text is bold and italic</b></i>XHTML에서 모든 요소는 다음과 같이 서로 올바르게 중첩되어야 합니다.
<b><i>This text is bold and italic</i></b>
XHTML 요소는 항상 닫아야 합니다..
틀린 유형
<p>This is a paragraph
<p>This is another paragraph
맞는 유형
<p>This is a paragraph</p>
<p>This is another paragraph</p>
빈 요소도 닫아야 합니다.
틀린 유형
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 속성 이름은 소문자 여야 합니다
틀린 유형
<table WIDTH="100%">
맞는 유형
<table width="100%">
속성 값을 인용해야 합니다.
틀린 유형
<table width=100%>
맞는 유형
<table width="100%">
속성 최소화가 금지됩니다
틀린 유형
<input type="checkbox" name="vehicle" value="car" checked />
맞는 유형
<input type="checkbox" name="vehicle" value="car" checked="checked" />
틀린 유형
<input type="text" name="lastname" disabled />
맞는 유형
<input type="text" name="lastname" disabled="disabled" />
HTML에서 XHTML로 변환하는 방법
- 모든 페이지의 첫 줄에 XHTML <! DOCTYPE> 추가
- 모든 페이지의 html 요소에 xmlns 속성 추가
- 모든 요소 이름을 소문자로 변경
- 빈 요소를 모두 닫습니다
- 모든 속성 이름을 소문자로 변경
- 모든 속성 값 인용
틀린 내용, 오타, 오역이 있을 경우 댓글로 알려주시면 감사하겠습니다.
질문도 올려주시면 아는 선에서 답변해드리겠습니다.
대부분의 내용의 저작권은 w3schools에 있습니다.
HTML and XHTML
HTML and XHTML XHTML is HTML written as XML. What Is XHTML? XHTML stands for EXtensible HyperText Markup Language XHTML is almost identical to HTML XHTML is stricter than HTML XHTML is HTML defined as an XML application XHTML is supported by all major brow
www.w3schools.com
'IT 언어 연구소 > HTML,CSS [초급, 기본 개념, W3C 번역]' 카테고리의 다른 글
| 30.HTML URL 인코딩 (0) | 2019.12.20 |
|---|---|
| 29.HTML 인코딩 (Charset) (0) | 2019.12.11 |
| 28. HTML 심볼 (0) | 2019.12.10 |
| 27. HTML 엔티티 (0) | 2019.12.09 |
| 26. HTML 컴퓨터 코드 요소 (0) | 2019.12.09 |
