>  기사  >  웹 프론트엔드  >  간과된 DOCTYPE 설명_HTML/Xhtml_웹페이지 제작 분석

간과된 DOCTYPE 설명_HTML/Xhtml_웹페이지 제작 분석

WBOY
WBOY원래의
2016-05-16 16:41:511175검색

Doctype은 그 중 하나입니다.

1. doctype이란 무엇입니까
doctype 태그는 문서의 dtd(Document Type Definition)를 지정하는 데 사용됩니다. 각 html Front의 끝 부분:
 vailability "URI" [declarations]>
몇 가지 일반적인 문서 유형과 같은:
HTML 4.01: Strict
HTML 4.01 Transitional
XHTML 1.1 엄격한 DTD
2. doctype이 할 수 있는 작업
doctype 지정 여부와 다른 doctype을 지정하면 다른 브라우저 모드가 활성화되며 이는 html, css 및 Node.js 중 가장 유명한 것은 박스 모델 문제(Box Model Problem)입니다.
2.1 다중 모드가 있는 이유
오래 전 넷스케이프와 인터넷 익스플로러가 패권을 놓고 경쟁할 때 브라우저 모드는 너무 강력했기 때문에 최종 결정권을 가졌습니다. 시간은 흘러 눈 깜짝할 사이에 전국시대가 되었다. 모두가 최종 결정을 내리면 세상이 혼란에 빠질 것이라는 사실을 모두가 깨닫고 리더 추천을 논의했고, w3c가 찾아왔다. 힘. 그러나 문제는 다시 발생합니다. 예를 들어 IE는 더 이상 지배할 수 없으며 표준을 따르는 것이 일반적인 추세이지만 브라우저가 표준만 지원하는 경우 많은 이전 페이지에서 몇 가지 문제가 발생합니다.
그런 다음 doctype이 지정되지 않으면 원래 모드가 사용되며, doctype이 지정되면 표준 모드 또는 Strict 모드라고 합니다. 이 기간 동안 Mozilla를 대표하는 여러 사람들은 표준 모드에서 img를 구문 분석하는 것이 그다지 적합하지 않다고 느꼈기 때문에 일부 특정 문서 유형을 지정할 때 준표준 모드(거의 표준 모드)가 채택되었습니다. . 자세한 내용은 Doctype으로 브라우저 모드 활성화 또는 @suiwangzhimei의 Doctype으로 브라우저 모드 활성화를 참조하세요.
2.2 다양한 모드의 구체적인 영향
@ppk Daniel은 Quirks 모드와 strict 모드에 대한 좋은 요약을 제공했습니다.
3. 권장 doctype
 
이유: html5를 지원하지 않으면 strict 모드를 사용합니다.
브라우저 호환성 문제를 해결하려면 img {display: block }과 같은 일부 재설정 CSS를 추가하세요.
현재 많은 사람들이 사용하는 및 는 여러 주요 브라우저의 쿼크 모드와 동일하다는 점에 유의해야 합니다. 즉, 생략할 수 있습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.