몇 달 이상 웹 페이지를 디자인 해왔다면 모든 브라우저에서 똑같은 페이지를 작성하는 데 어려움을 느낄 가능성이 큽니다. 사실 그것은 불가능합니다. 많은 브라우저에는 처리 할 수있는 특수 기능이 있습니다. 또는 다른 브라우저에서 처리하는 방식과 다른 점을 처리하는 특별한 방법이 있습니다. 예 :
- 레이어는 넷스케이프 브라우저에서 사용하기 위해 만들어졌습니다. 다른 브라우저에서는 작동하지 않으며 Netscape 6.x +에서는 더 이상 사용되지 않습니다.
- 인라인 프레임은 원래 Internet Explorer 전용으로 만들어졌으며 이후 HTML 사양의 일부가되었습니다.
- Internet Explorer 6.0은 추가 공간 (예 :) 주변 태그를 사용하지 마십시오. div의 내용을 모두 하나의 (긴) 줄에 쓰지 않는 한. (IE 6에는 이것뿐만 아니라 더 많은 단점이 있습니다.)
- Netscpe 4.7은 올바른 HTML로 작성되지 않은 표를 표시하지 않습니다. 대신 빈 페이지가 표시됩니다. 이것은 Netscape 6에서 수정되었습니다.
브라우저 개발자의 문제는 구형 브라우저 용으로 빌드 된 웹 페이지와 역 호환되는 웹 브라우저를 만들어야한다는 것입니다. 이 문제를 해결하기 위해 브라우저 제조업체는 브라우저가 작동 할 수있는 모드를 만들었습니다. 이러한 모드는 DOCTYPE 요소의 존재 여부와 그로 인해 정의됩니다. DOCTYPE 전화.
DOCTYPE
내 기사에서 더 자세히 설명하겠습니다. DOCTYPE목록으로 표시하지만 다음은 몇 가지 일반적인 어림짐작입니다.
- 항상 표준 모드를 먼저 선택하십시오. 그리고 현재 사용하고있는 표준은 HTML5입니다. HTML5 사용을 피할 특별한 이유가없는 한
DOCTYPE, 이것은 당신이 사용해야하는 것입니다. - 레거시 요소의 유효성을 검사하거나 어떤 이유로 새로운 기능을 사용하지 않으려는 경우 엄격한 HTML 4.01로 이동하십시오.
- 표에서 이미지를 잘라서 고치지 않으려는 경우 Transitional HTML 4.01 :
- Quirks 모드에서 의도적으로 페이지를 쓰지 마십시오. 항상
DOCTYPE. 이렇게하면 나중에 개발 시간을 절약 할 수 있으며 실제로 이점이 없습니다. IE6은 급속도로 인기를 잃고 있으며이 브라우저 (본질적으로 단조로운 모드로 설계된 것)를 디자인하면 자신, 독자 및 페이지를 제한하게됩니다. IE 6 또는 7 용으로 작성해야하는 경우 최신 브라우저를 단점 모드가 아닌 조건 별 주석을 사용하여 지원하십시오.
왜 사용 하는가? DOCTYPE
이러한 유형의 DOCTYPE 전환이 진행되면 웹 페이지에 더 많은 영향을 줄 수 있습니다. DOCTYPE 브라우저가 귀하의 페이지에서 기대할 수있는 것을 나타냅니다. 또한 일단 사용을 시작하면 DOCTYPE, 당신은 HTML에 가까운 글을 쓸 것입니다. (여전히 유효성을 검사해야합니다). 또한 유효한 XHTML을 작성함으로써 브라우저 제조업체가 표준 준수 브라우저를 구축 할 것을 권장합니다.
브라우저 버전 및 쿼크 (Quirks) 모드
DOCTYPE | 기계적 인조 인간크롬FirefoxIE 8 이상iOSOpera 7.5 이상원정 여행 | IE 6IE 7오페라 7 | 넷스케이프 6 |
|---|---|---|---|
| 없음 | 쿼크 모드 | 쿼크 모드 | 쿼크 모드 |
| HTML 3.2 | |||
| 쿼크 모드 | 쿼크 모드 | 쿼크 모드 | |
| HTML 4.01 | |||
| 과도기적 | 표준 모드 * | 표준 모드 * | 표준 모드 |
| 과도기적 | 쿼크 모드 | 쿼크 모드 | 쿼크 모드 |
| 엄격한 | 표준 모드 | 표준 모드 * | 표준 모드 |
| 엄격한 | 표준 모드 | 표준 모드 * | 표준 모드 |
| HTML5 | |||
| 표준 모드 | 표준 모드 * | 쿼크 모드 | |
| *이 DOCTYPE을 사용하면 브라우저가 표준에 가깝지만 몇 가지 문제가 있습니다. 테스트해야합니다. 이를 "거의 표준 모드"라고도합니다. |
