STUDY/HTML

HTML5와 XHTML

sorrow16 2020. 11. 9. 21:35

[개요]

HTML은 한 회사가 단독으로 제작한 언어가 아니며, 상용되고 있는 대다수의 브라우저들이 독자적으로 파일을 해석하므로 표준이 잘 정해져있지 않았습니다. 신기술을 사용하기 위해서 adobe flash 같은 플러그인 형태의 기술을 사용하다가, 이를 HTML 언어 자체적으로 표준화 한 것이 HTML5입니다.

 

HTML5 등장 이전에도 표준이 전혀 없지는 않았는데, 그 이전에는 주로 XHTML이나 HTML4를 사용했습니다.

 

[XHTML]

XML + HTML의 합성어로 HTML보다 엄격한 문법을 가집니다.

대표적으로 <br>태그처럼 닫는 태그가 없는 태그는 끝에 공백과 함께 />를 붙여주어야 하고, 태그가 트리구조로 이루어져야 합니다.

 

  • <br> : 틀림
  • <br/> : 맞음
  • <p>첫번째 문자</p>두번째 문자 : 틀림
  • <p>첫번째 문자</p><p>두번째 문자</p> : 맞음

[DOCTYPE]

HTML의 문서 규격을 표시 할 때는 DOCTYPE 이라는 것을 통해 표현하게 됩니다.

HTML5 문서는 아래와 같은 코드를 문서 최상단에 쓰면서 HTML5임을 정의합니다.

 

<!doctype html>

 

XHTML 문서는 아래와 같은 DOCTYPE 를 사용합니다.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>

DOCTYPE를 지정하지 않을 경우 Internet Explorer에서 문서를 하위 엔진으로 해석하는 등의 문제가 발생할 수 있으므로 꼭 지정해 주도록 합시다.

 

[예시]

 

<!doctype html>
<html>
<head>
	<title>Title of the document</title>
</head>
<body>
	The content of the document
</body>
</html>

 

'STUDY > HTML' 카테고리의 다른 글

[참고사이트] KOREA HTML5  (0) 2020.12.29
HTML 인코딩  (0) 2020.11.10
[HTML] <meta>태그  (0) 2020.11.06
[HTML] form 태그  (0) 2020.11.05
[HTML] li 태그  (0) 2020.11.04