몬그로이

HTML과 DOCTYPE선언 본문

Dev 언어 정리 & Self QnA/HTML

HTML과 DOCTYPE선언

Mon Groy 2024. 4. 16. 08:42

HTML

 

웹 문서를 기술하기 위한 마크업 언어 (Hyper Text Markup Language)

더보기

마크업 언어는 태그등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다.

태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이었으나 용도가 점차 확장되어 문서의 구조를 표현하는 역할을 하게 되었다. 이러한 태그 방법의 체계를 마크업 언어라 한다.

DOCTYPE 선언

DOCTYPE란 Document Type Declaration의 약자로 HTML의 첫줄에 위치하며

HTML문서의 유형을 정의하기 위해 필요한 선언이다.

 

이 유형 정의 선언이 왜 필요할까?

 

1st.

웹 브라우저에게 HTML문서 구조 해석 방법을 정의해주어야

웹 브라우저가 올바르게 문서를 해석하고 렌더링할 수 있기 때문이다

 

DOCTYPE 선언이 존재하지 않거나 잘못 적혀있을 경우,

웹 브라우저는 문서를 쿼크 모드로 해석한다.

 

인터넷 익스플로러의 경우,

DOCTYPE 선언 윗쪽에 주석이나 다른 문자가 들어갔을때에 문서를 쿼크 모드로 해석한다

더보기

쿼크 모드(Quirks mode, 쿽스 모드)는 오래된 웹 브라우저를 위하여 디자인된 웹 페이지의 하위 호환성을 유지하기 위해 W3C나 IETF의 표준을 엄격히 준수하는 표준 모드(Standards Mode)를 대신하여 쓰이는 웹 브라우저 기술을 가리킨다. 같은 코드라도 웹 브라우저마다 서로 다르게 해석하므로 전혀 다른 결과물을 보여주게 된다.

- 출처: 위키백과

 

2nd.

 

문서가 어떤 HTML표준에 따라 작성되었는지 명시해 주기 때문에

개발자가 어떤 표준에 따라 문서를 작성해야 하는지 알 수 있다.

이렇게 함으로써 한 문서를 여럿의 개발자가 작성 하더라도 일관성을 갖을 수 있다.

더보기

<참고> VSC에서 !만 입력하면 출력되는 기본 틀

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   
</body>
</html>