[HTML] DOCTYPE

소이뎁·2023년 9월 4일

DOCTYPE DTD Must-Know-About-Frontend html

My HTML

목록 보기

1/7

🌈 학습을 위해 Must-Know-About-Frontend에서 가져온 내용을 수정, 추가하여 작성한 글입니다. 기존 내용과 대부분 유사하며 Summary 부분은 추가하였습니다.

Summary

	설명
카테고리	문서 형식 정의
DTD	Document Type Definition 문서 형식을 정의하는 것
DOCTYPE	DTD를 위한 HTML 문서의 선언문 웹 브라우저에게 현재 문서의 유형과 버전을 알려줌 ex ) `<!DOCTYPE html>`

Document Type의 약자로, HTML이 어떤 버전으로 작성되었는지 미리 선언하여 웹브라우저가 내용을 올바로 표시할 수 있도록 해주는 것 이다. <!DOCTYPE> 으로 선언하는데 이걸 해주지 않으면 호환 모드(quirks mode) 로 동작한다. 호환 모드의 경우 각 브라우저마다 문서를 나타내는 방식이 다르기 때문에 크로스 브라우징 이슈가 훨씬 심해지게 된다.

DTD(Document Type Definition)

DTD(Document Type Definition)란 문서 형식을 정의해놓은 것으로 DOCTYPE을 명시할 때 사용한다. 즉, HTML 문서가 어떤 문서 형식을 따르는지 DOCTYPE에서 DTD를 지정하는 것이다.

예시로 아래와 같은 것들이 있고 W3C Recommended list of Doctype declarations 에서 더욱 자세하게 확인 가능하다.

XHTML 1.1
XHTML 1.0
- Strict DTD
- Transitional DTD
- Frameset DTD
HTML 4.01
- Strict DTD
- Transitional DTD
- Frameset DTD
HTML 5

HTML 5의 DTD를 사용하면 최신 웹 기술과 웹 표준을 따르며, 모던한 웹 개발을 위한 기능과 도구를 활용할 수 있다. 따라서, 현 시점에선, HTML 5의 DTD로 DOCTYPE을 명시하는 것이 제일 바람직하다.

<!DOCTYPE html>

참고

소이뎁

다음 포스트

[HTML] DOCTYPE

My HTML

Summary

DTD(Document Type Definition)

참고

[HTML] 표준 모드와 호환 모드

0개의 댓글