HTML & CSS

DOCTYPE 이란?

HYEBEEN 2023. 5. 26. 22:00

DOCTYPE은 "Document Type Declaration"의 약어로 HTML 문서의 버전 및 유형을 정의하는 선언문 입니다.

HTML 문서의 첫 번째 줄에 위치하며, 웹 브라우저에게 해당 문서가 어떤 버전의 HTML이며 어떤 규격을 따르는지 알려줍니다.

 

DOCTYPE 선언은 문서의 구조와 렌더링 방식에 영향을 줄 수 있습니다. 올바른 DOCTYPE을 사용하면 웹 브라우저는 해당 문서를 HTML5로 해석하고 적절한 렌더링 엔진을 선택하여 페이지를 표시할 수 있습니다. 

 

🧐 DOCTYPE을 정확하게 지정하면?

  • 브라우저 간의 일관된 동작을 유지
  • HTML 요소 및 기능을 올바르게 해석하여 웹 페이지의 호환성과 일관성을 향상
  • 웹 표준 준수를 강조하고 
  • 검색 엔진 최적화(SEO)에도 도움

 

- HTML5의 DOCTYPE 

<!DOCTYPE html>

🧐 만약에 DOCTYPE을 안썼을 경우??

DOCTYPE을 선언하지 않으면 웹 브라우저가 호환성 모드로 동작하게 됩니다.

이는 이전 버전의 HTML 규격을 따르거나 특정 브라우저의 특수 동작을 따르게 될 수 있습니다. 이로 인해 예상치 못한 레이아웃이나 스타일 문제 등이 발생할 수 있습니다. 따라서 HTML 문서를 작성할 때는 항상 DOCTYPE을 명시하는 것이 좋습니다.

 

 

 

 

✅ 버전별 지원하는 태그

 

HTML Elements Valid DOCTYPES

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com