본문 바로가기
Coding/[Web] Frontend

XHTMl

by Gofo 2023. 3. 21.

XTHML

XTHML = HTML + XML
eXtendible Hyper Text Markup Language

 

XHTML은 HTMl과 동등한 표현 능력을 지닌 XML Markup language이다.

HTMl의 문법에 따르지만 좀 더 명확하고 구조적이다.

즉, 좀 더 엄격하다.

 

HTML을 대체하기 위한 목적으로 만들어진 언어

XHTML이 HTML의 최신 버전으로 오해될 수 있으나, 사실은 별개로 분리된 표준이라고 한다.

 

배경

웹 콘텐츠가 기존의 전통 컴퓨터에서 벗어나서 다양한 기기들에 사용되기 시작되었다.

 

이로 인해 부정확한 HTML을 지원하는데 필요한 자원이 부족한 환경이 생겨나게 되었고,

문서가 검사될 수 있도록 문서를 규정하는 XHTML이 등장하였다.

 

주요 특성

  • 종료 태그가 없는 빈 태그는 스스로 종료한다. → <pre><div/></pre>
    • 빈 태그를 제외한 모든 태그는 반드시 종료태그를 사용해야한다.
    • 태그는 열린 순서의 역순으로 닫혀야 한다. → 가장 나중에 열린게 가장 먼저 닫혀야 함
    • 잘못된 중첩이 직접적인 영향을 미치며 오류를 야기할 수 있다.
  • 대소문자를 구분하며, 코드는 소문자로 작성한다.
  • 속성태그를 사용했다면 반드시 값을 입력한다.
    • 속상값은 반드시 따옴표("") 안에 작성한다.

 

HTMl5 등장 이후

기존의 HTML은 태그가 제대로 닫히지 않으면 모바일 등의 자원이 부족한 환경에서 오류를 야기할 수도 있었다.

반면 XTHML은 프로그래머에게 태그를 닫히는 것을 강조함으로써 이러한 요류를 방지하였다.

 

HTML5는 여전히 태그를 닫는 것을 선택사항으로 두지만, 오류를 야기하지 않도록 한다.

이를 통해 코드를 적게 사용하더라도 브라우저에서 모든 태그를 인식하게 함으로써 웹사이트의 크기 감량과 빠른 로딩을 가능하게 하였다.

 

HTML5가 정립된 이후 문서 중심인 XHTML은 선호되지 않는다고 한다.

 

'Coding > [Web] Frontend' 카테고리의 다른 글

[JavaScript] 브라우저 로드 트리거 : DOMContentLoaded vs load  (0) 2023.03.27
[CSS] 선택자  (0) 2023.03.21
[HTML] colgroup  (0) 2023.03.21
Vue.js 기본  (0) 2023.03.17
[React] react-device-detect  (1) 2021.07.17

댓글