HTML 과 XHTML 의 차이

공부를 하다 HTML 과 XHTML 에 차이가 있음을 알게되어 정리해본다 !

HTML 이란 ?

---

HTML (Hyper Text Markup Language) 는 웹 페이지 표시를 위해 개발된 마크업 언어 !
마크업 언어란 태그를 이용해서 문서나 데이터 구조를 명시하는 언어이다 HTML 은 < 꺾쇠 안에 태그를 넣어서 작성한다 > ex) <div>Hello World</div>

XHTML 이란?

---

XHTML (Extensible Hypertext Markup Language) 는 HTML 과 동등한 표현 능력을 지닌 “XML” 마크업 언어로
HTML 보다 ”엄격한“ 문법을 가진다
HTML 과 사용 방법등은 거의 동일하지만 디테일한 부분에서 약간의 차이가 있다

HTML 과 XHTML 의 차이

---

1. 태그 닫는 방식

HTML 은 태그가 닫히지 않는 방식을 허용한다
ex) <img src=‘…/xxx.jpg’ >
XHTML 은 모든 태그가 닫혀있어야 하고 종료태그가 반드시 있어야한다
ex) <img src=‘…/xxx.jpg’ />
img 와 같이 종료태그가 별도로 없는 태그들은 /> 를 사용해서 닫아줘야한다

2. 속성과 값의 표기 방식 (1)

HTML 은 속성과 값의 단축 표기를 허용한다 (true 와 같은 것들을 생략이 가능하다)
ex) <div contenteditable></div>
XHTML 은 속성과 값의 단축표기를 허용하지 않는다
ex) <div contenteditable =‘true’></div>

3. 속성과 값의 표기 방식 (2)

HTML 은 속성의 값들을 따옴표로 감싸지 않아도 된다
ex) <div contenteditable=true> </div>
XHTML 은 속성과 값들을 반드시 따옴표로 감싸줘야한다
ex) <div contenteditable=‘true’> </div>

4. 대소문자 구분

HTML 은 요소나, 속성의 대소문자를 구분하지 않는다
ex) <DiV> </DiV>
XHTML 은 요소나 속성의 대소문자를 구분한다
ex) <div> </div>  

=> 위에서 언급했듯이 XML 기반이기 때문에 xml 이 대소문자를 구분해서 XHTML 도 구분해줘야한다

5. 중첩

HTML 은 중첩이 잘못되어있어도 랜더링에 영향을 미치지 않는다
XHTML 은 잘못된 중첩을 허용하지 않는다

그럼 XHTML 을 사용해야하나요?

---

그렇지 않다 ! 왜냐면 우리에겐 XHTML 1.0 이후에 나온 HTML5가 있기 때문이다 !!!
HTML -> XHTML -> HTML5 이 순서로 사용해왔는데 현재는 주로 HTML5 를 대부분 사용하기 때문에 좀 느슨하게 프로그래밍을 해도
동작을 한다
HTML이 느슨하게 동작하는 것은 코드를 적게사용하기 위함이다
코드를 적게 사용 = 태그가 적어짐 = 웹사이트 크기 작아짐 = 빠른 로딩이 가능
이러한 이유가 있다


오늘은 HTML 과 XHTML 의 차이에 대해 알아보았다 !
틀린거나 질문이 있음 댓글 환영합니당 많이 알려주시고 물어봐주세용