찾다
웹 프론트엔드CSS 튜토리얼웹 페이지의 Doctype을 지정하기 위한 CSS 해킹 방법 요약_Experience Exchange

그러나 실제로는 이러한 브라우저 외에도 훨씬 더 많은 브라우저가 있습니다. Firefox는 Firefox 1.5, Firefox 2 및 Firefox 3과 같은 여러 주요 버전으로 구분됩니다. 또한 IE7 및 IE6에는 이 두 가지 제품 외에도 각각 여러 시리즈가 있습니다. 주류 제조사로는 Opera, Konqueror, Netscape, Chrome 등이 있습니다.

각 브라우저에는 고유한 기능 세트가 있으며 여기에서는 정상적으로 실행되지만 다른 브라우저에서는 제대로 실행되지 않는 경우가 많습니다. 그래서 WD는 동쪽을 철거하고 서쪽을 수리했고, 마침내 여러 브라우저에서 정상적으로 작동했습니다. 그 결과, 제품 관리자는 새로운 요구 사항이 생겼고 여기저기에 변경 사항을 적용해야 했습니다. 그 결과 마침내 속았던 종이 프레임이 갑자기 무너지고 WD는 다시 극도로 바빠졌습니다. 제가 이렇게 말하는 이유는 이것이 저의 경험이기 때문입니다.

일반적으로 WD는 다양한 브라우저에서 제대로 작동하도록 하기 위해 항상 많은 CSS 해킹 기술을 수집합니다. 온라인으로 검색해 보면 많이 있습니다.

그런데 우선 WD는 CSS 해킹이 왜 필요한지, 1,000개의 브라우저가 있다면 1,000개의 브라우저의 Hack 기술을 기억해야 하는지에 대한 근본적인 질문을 파악하지 못했습니다.

사실 CSS 해킹은 어느 정도는 불가능한 일입니다. CSS 해킹에는 단순히 브라우저 버그를 이용하는 기술이 많이 있습니다. 예를 들어 IE와 Firefox를 구별하기 위해 _class{….} ​​​​를 사용하는 것이 일반적입니다. 논리적으로 말하면 _class는 불법적인 태그 지정 방법입니다. CSS 해킹의 출현은 WD의 최후의 수단입니다. WD의 일상 작업은 미친 CSS 해킹이 아닙니다.

사실 브라우저는 너무 많아서 마음대로 정의할 수 없습니다. .마크를 정의합니다. 사람들은 표준적인 세계에 익숙해져 있고, 웹 세계에도 일련의 표준이 존재합니다. 브라우저 역시 웹 표준과 호환되기 위해 열심히 노력하고 있습니다. 하지만 일부 브라우저는 일찍 데뷔했고, 나중에 등장한 웹 표준은 그들의 영향을 받아 탄생했다고 할 수 있다. 그 당시에 아주 잘하신 분도 계시는데, 그래서 혁신을 많이 하시고 웹 표준을 마음에 두지 않으셨어요. 게다가 표준 자체도 지속적으로 업데이트되고 있습니다. 따라서 일반적으로 모든 브라우저 제품 시스템은 웹 표준에 크게 신경 쓰지 않는 기간을 거쳤으며 나중에 모두가 더 이상 불가능하다는 것을 깨달았고 모두가 준수할 일련의 표준을 확립했습니다. 그런데 과거에는 각 회사마다 자체적으로 정한 몇 가지 작은 규칙과 규정이 있었는데, 기준에 맞지 않으면 어떻게 해야 할까요?

그래서 이 사람들은 표준 모드와 이상한 방법을 생각해 냈습니다. 방법. "거의 표준 모드"라는 것이 또 있는데, 거의 표준이라고 하면 정말 이상하네요. 걱정하지 말고 천천히 내 말을 들어보세요.

이 사장님들이 모여서 다양한 기준을 세웠고, 앞으로는 다들 이 기준에 따라 웹페이지를 해석하게 될 거라고 하지 않았나요? 당신이 만드는 웹 페이지가 이 표준에 따라 해석될 수 있다면, 태그 doctype을 사용하여 웹 표준에 따라 해석될 수 있음을 나타내십시오. 이것이 표준 모드입니다.

그렇다면 과거 여러 회사에서 생산해온 샤오주주의 제품이 기준에 맞지 않는다면 어떻게 해야 할까요? 당장에 다 버릴 수는 없겠죠? 소프트웨어에는 하위 호환성이라는 일련의 원칙이 있지 않을까요? 이상한 모드에서는 각 브라우저가 이전 버전의 브라우저 작동을 시뮬레이션하여 이전 페이지가 작동하지 않는 것을 방지합니다. 웹페이지가 문서 유형을 지정하지 않으면 브라우저는 일반적으로 이전 페이지가 작동하지 않도록 이상한 모드로 작동합니다.

이 두 모드의 차이점을 보여주는 가장 눈에 띄는 예는 Windows에서 IE의 독점 박스 모델입니다. IE 6이 나왔을 때 표준 모드에서는 올바른 상자 모델이 사용되었고 이상한 모드에서는 이전 독점 상자 모델이 사용되었습니다. IE 5 및 이전 버전과의 호환성을 유지하기 위해 Opera 7 및 이후 버전도 이상한 모드에서 결함이 있는 IE 박스 모델을 사용합니다.

Mozilla와 Safari에는 "거의 표준 모드"라는 세 번째 모드도 있는데, 이는 테이블 처리 방식의 약간의 차이점을 제외하면 표준과 동일합니다.

CSS 해킹 기법을 많이 버릴 수 있는 것도 이 때문이다. 일부 책에서는 IE6과 Firefox의 박스 모델(또는 어떤 곳에서는 박스 모델)이 일치하지 않는다고 말합니다. 따라서 다음 해킹을 수행해야 합니다.

div{
width:100px
*width; :95px ;
}

이런 종류의 책은 정말 오해의 소지가 있습니다. doctype이 올바르게 지정되는 한 브라우저 해석의 이러한 차이는 사라지고 표준을 따를 수 있기 때문입니다.

이 모드는 HTML 파일 시작 부분에 있는 DOCTYPE 필드에 의해 지정됩니다. 일반적인 것들은 다음과 같습니다:

HTML 4.01 Transitional:

코드 복사 코드는 다음과 같습니다:

>

HTML 4.01 프레임셋


코드 복사 코드는 다음과 같습니다.

>

 >


XHTML 1.0 전환
코드 복사


코드는 다음과 같습니다.






성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
주간 플랫폼 뉴스 : Galaxy Store, Tappable Stories, CSS Subgrid의 웹 앱주간 플랫폼 뉴스 : Galaxy Store, Tappable Stories, CSS Subgrid의 웹 앱Apr 14, 2025 am 11:20 AM

이번 주에 Roundup : Firefox는 Locksmith-Like Powers를 얻는 Samsung '의 Galaxy Store가 프로그레시브 웹 앱을 지원하기 시작하고 CSS Subgrid는 Firefox에서 배송됩니다.

주간 플랫폼 뉴스 : Internet Explorer 모드, 검색 콘솔의 속도 보고서, 알림 제한 프롬프트 제한주간 플랫폼 뉴스 : Internet Explorer 모드, 검색 콘솔의 속도 보고서, 알림 제한 프롬프트 제한Apr 14, 2025 am 11:15 AM

이번 주에 Roundup : Internet Explorer는 Edge로가는 길을 찾고 Google 검색 콘솔은 새로운 속도 보고서를 선전하고 Firefox는 Facebook의 알림을 제공합니다.

CSS 사용자 정의 속성을 갖춘 범위의 힘 (및 재미)CSS 사용자 정의 속성을 갖춘 범위의 힘 (및 재미)Apr 14, 2025 am 11:11 AM

당신은 아마도 이미 CSS 변수에 익숙 할 것입니다. 그렇지 않다면 여기 2 초 개요가 있습니다. 실제로 사용자 정의 속성이라고합니다.

우리는 프로그래머입니다우리는 프로그래머입니다Apr 14, 2025 am 11:04 AM

웹 사이트 구축은 프로그래밍입니다. HTML 및 CSS 작성은 프로그래밍입니다. 나는 프로그래머이며, 여기에 CSS- 트릭을 읽는다면, 당신은 ' re a입니다.

사이트에서 사용하지 않은 CSS를 어떻게 제거합니까?사이트에서 사용하지 않은 CSS를 어떻게 제거합니까?Apr 14, 2025 am 10:59 AM

여기에 내가 당신이 선불 아는 것을 좋아하는 것 : 이것은 어려운 문제입니다. 당신이 여기에 착륙 한 경우, 당신은 당신이 말할 수있는 도구를 가리키기를 희망하기 때문에 여기에 착륙했다면

Picture-in-Picture Web API 소개Picture-in-Picture Web API 소개Apr 14, 2025 am 10:57 AM

Picturein-Picture는 2016 년 Macos Sierra의 출시와 함께 Safari 브라우저에서 웹에서 처음으로 등장했습니다. 사용자가 팝 팝이 가능했습니다.

개츠비를 사용하여 흐릿한 효과를위한 이미지를 구성하고 준비하는 방법개츠비를 사용하여 흐릿한 효과를위한 이미지를 구성하고 준비하는 방법Apr 14, 2025 am 10:56 AM

개츠비는 훌륭한 작업 처리 및 처리 이미지를 수행합니다. 예를 들어, 수동으로 이미지 최적화로 시간을 절약 할 수 있습니다.

오, 패딩 비율은 부모 요소의 너비를 기준으로합니다.오, 패딩 비율은 부모 요소의 너비를 기준으로합니다.Apr 14, 2025 am 10:55 AM

나는 오늘 비율 기반 (%) 패딩에 대해 내 머리에 완전히 잘못되었다고 배웠습니다! 나는 항상 백분율 패딩이

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
1 몇 달 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

VSCode Windows 64비트 다운로드

VSCode Windows 64비트 다운로드

Microsoft에서 출시한 강력한 무료 IDE 편집기

MinGW - Windows용 미니멀리스트 GNU

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는