HTML과 XHTML은 모두 마크업 언어로 웹 페이지를 작성하는 데 사용된다.
XHTML은 HTML과 거의 비슷하지만, 문법의 적용이 조금 더 엄격한 특징을 가지고 있다.
HTML이 아닌 XHTML을 사용하는 이유:
요즘 웹 컨텐츠들은 기존 PC에서만 이용되는게 아니라 모바일, 키오스크 등등.. 여러 플랫폼에서 이용되고 있다. 그래서 부정확한 HTML 문법이 다른 플랫폼을 지원하기엔 부족한 부분들이 생겨났고 XHTML 문서는 하나의 XML 문서로서 문법적으로 정확하므로, 표준 XML 라이브러리를 이용한 자동화된 처리가 가능해진다.
규격 준수:
XHTML은 XML 규칙을 준수하므로 XML 문서로 간주될 수 있습니다. 이는 웹 페이지의 구조와 마크업을 일관되게 유지하고 규격에 맞는 문서 작성을 강제화합니다.
장치 및 플랫폼 호환성:
XHTML은 다양한 종류의 장치와 플랫폼에서 일관된 방식으로 웹 페이지를 표시할 수 있도록 도와줍니다. XHTML 문서는 XML 파서를 사용하여 처리되기 때문에, 모든 장치와 플랫폼에서 잘 작동할 수 있습니다.
접근성:
XHTML은 웹 콘텐츠의 구조화를 강조하고, 시멘틱 요소를 사용하여 콘텐츠의 의미를 명확하게 전달할 수 있도록 도와줍니다. 이는 검색 엔진 최적화(SEO)와 웹 접근성을 향상시킬 수 있는 장점을 제공합니다.
확장성:
XHTML은 XML 기반이기 때문에 다른 XML 언어와 상호 작용할 수 있는 유연성을 제공합니다. 다른 XML 기반 언어와 통합하여 확장성 있는 웹 애플리케이션을 개발할 수 있습니다.
개발자의 표준 준수 의무:
일부 조직이나 프로젝트에서는 웹 표준을 준수하기 위해 XHTML을 사용하도록 요구할 수 있습니다. 이는 일관된 코드 작성과 협업을 촉진하며, 웹 애플리케이션의 유지 보수성과 확장성을 향상시킬 수 있습니다.
차이점
- 종료 태그가 없는 빈 태그는 반드시 끝에 공백과 함께 슬래시(/)를 붙여야 함
HTML:<hr>
XHTML:<hr >- 비어있지 않은 요소는 반드시 종료 태그를 가져야 합니다.
HTML : <p>첫 번째 문장</p><p>두 번째 문장
XHTML : <p>첫 번째 문장</p><p>두 번째 문장</p>- 요소들은 반드시 열린 순서대로 닫혀야 합니다.
HTML : <em><p>This is some text.</em></p>
XHTML : <em><p>This is some text.</p></em>태그에는 반드시 alt 속성이 기술되어야 합니다.
HTML : <img src="alternative.png" />
XHTML : <img src="alternative.png" alt="explanation" />- 모든 텍스트(text)는 반드시 태그로 감싸야 합니다.
HTML : <body>본문에 사용되는 텍스트 단락</body>
XHTML : <body><p>본문에 사용되는 텍스트 단락</p></body>- 속성값은 반드시 따옴표로 감싸야 합니다.
HTML : <td rowspan=3>
XHTML : <td rowspan="3">- 태그 이름이나 속성 이름에는 반드시 소문자만을 사용해야 합니다.
HTML : <BODY><P>태그 이름과 태그 속성은</P></BODY>
XHTML : <body><p>반드시 소문자만을 사용하자.</p></body>
- 속성값 생략이 없어졌으므로, 반드시 속성값을 명시해야 합니다.
HTML : <textarea readonly>읽기만 가능합니다.</textarea>
XHTML : <textarea readonly="readonly">읽기만 가능합니다.</textarea>HTML 문서를 XHTML 문서로 변환하는 방법
1. 첫줄에 다음 코드를 추가합니다.
<!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">-
xmlns 속성을 추가합니다.
-
모든 태그 이름을 소문자로 바꿔줍니다.
-
모든 빈 태그를 닫아줍니다.
-
모든 속성 이름을 소문자로 바꿔줍니다.
-
모든 속성값을 따옴표로 둘러쌉니다.
