작성자:Zuzana K
지난 기사에서 나는 doctype이 무엇이며 왜 필요한지에 대해 논의했습니다. 이 글에서는 브라우저가 실행할 수 있는 다양한 모드인 전체 표준 모드, 거의 표준 모드, 쿼크 모드의 차이점을 살펴보겠습니다.
이 두 기사는 상당히 관련이 있으므로 제가 무엇을 다루고 있는지 이해하려면 먼저 이전 기사를 읽어 보시는 것이 좋습니다.
질문:전체 표준 모드, 거의 표준 모드, 특수 모드의 차이점은 무엇인가요?
다양한 모드는 모두 W3C 표준의 초기 구현과 관련이 있습니다.
Doctype은 브라우저에 어떤 종류의 문서를 렌더링할지 알려주기 위해 도입되었습니다. 개발자가 HTML 문서에 doctype을 포함하지 않으면 브라우저는 어떤 유형의 문서를 다루고 있는지 전혀 알 수 없습니다.
따라서 안전을 보장하기 위해 기발한 모드라고 알려진 기존의 (기발한) 브라우저(Navigator 4, Internet Explorer 4 및 5)와 호환되도록 문서를 렌더링합니다.
그리고 이전 브라우저는 매우 형편없는 CSS의 땅에 있었기 때문에 이는 많은 CSS 스타일이 적용되지 않고 사이트가 예상한 대로 보이지 않을 것임을 의미합니다.
물론 일부 개발자는 다양한 이유로 문서가 쿼크 모드에서 렌더링되기를 원하기 때문에 의도적으로 문서 유형을 생략하기로 선택할 수도 있습니다.
예를 들어, 1998년에 내 웹사이트가 어떤 모습이었을지 알고 싶다면 어떻게 해야 할까요?
그럴 만한 이유가 있다고 생각합니다.
이제 우리는 쿼크 모드가 무엇이고 그것이 우리의 열악한 웹사이트에 어떤 영향을 미칠지(깨뜨림) 알았으니, 전체 표준 모드와 거의 표준 모드가 무슨 상관이 있습니까?
거의 표준 모드는 제한된 특성 모드라고도 합니다. 상상할 수 있듯이 거의 표준 모드에서 렌더링된 콘텐츠는 전체 표준 모드와 거의 완벽하게 호환됩니다.
거의.
가장 슬픈 말.
I. 작은 이야기
가장 슬픈 말
온 세상에서
거의라는 단어입니다.
그는 거의 사랑에 빠졌습니다.
그녀는 그에게 거의 좋은 사람이었습니다.
그는 그녀를 거의 멈출 뻔했습니다.
그녀는 거의 기다렸다.
그는 거의 살았습니다.
거의 성공했습니다.
니키타 길
걱정하지 마세요. 계속 진행하겠습니다.
거의 표준 모드에서는 표 셀의 수직 크기와 관련된 몇 가지 특이한 점만 사용하여 문서를 렌더링합니다.
반면, 전체 표준 모드는 최신 HTML 및 CSS 사양에 따라 문서를 렌더링합니다. 최신 브라우저가 화면에 콘텐츠를 렌더링하는 방식에는 여전히 약간의 차이가 있지만 Normalize.css 또는 CSS 재설정을 사용하여 불일치를 줄이고 온전한 상태를 유지할 수 있습니다.
따라서 귀하의 웹사이트에 이상한 점이 있으면 브라우저가 아니라 귀하에게 달려 있는 것일 수 있습니다.
죄송합니다.
자, 여기 있습니다. 전체 표준, 거의 전체 표준, 특이한 모드 간의 차이점에 대해 묻는 사람이 있다면 오래된 브라우저, 손상된 CSS 및 가장 슬픈 단어를 기억하세요.
다양한 브라우저 모드 활성화에 대해 더 자세히 알고 싶다면 Henri Sivonen이 작성한 환상적인 개요가 있습니다. 그리고 대략적인 특징 목록은 MDN에서 찾을 수 있습니다.
다음번에는 HTML과 XHTML의 차이점을 살펴보겠습니다. 매우 흥미로운 주제로 밝혀진 이 작업에 여러분도 함께 해주시기를 바랍니다! 곧 뵙겠습니다!
제가 답변하고 있는 질문 목록은 아일랜드 더블린에 있는 검증 채용 대행사의 Rose가 제공한 것입니다.
이 기사를 재미있게 읽으시고 유익하셨다면 댓글이나 박수를 보내주시기 바랍니다. 감사합니다!
무료로 코딩을 배우세요. freeCodeCamp의 오픈 소스 커리큘럼은 40,000명 이상의 사람들이 개발자로 취업하는 데 도움을 주었습니다. 시작하세요