2010-02-08 3 views
2

div 또는 span에 rel 또는 name 속성을 추가하면 IE/FF가 quirks 모드로 변경됩니까?

<span id="suchAndSuch" class="blah" rel="this.that.other" name="this.name"></span> 

또는

<div id="suchAndSuch" class="blah" rel="this.that.other" name="this.name"></div> 

던져 IE 및/또는 FF 같은 태그는 QM하는 것인가? W3C에 따르면 이러한 태그에 대한 표준 속성은 아니지만 유효하지 않을지는 설명하지 않습니다.

귀하의 도움에 감사드립니다.

답변

3

아니요, 브라우저를 쿼크 모드로 설정하지 않습니다. DOCTYPE이 없거나 DOCTYPE 전에 HTML 주석 (또는 HTML 컨텐트)이 없으면 브라우저를 버턴 모드로 전환합니다.

사용자 지정 특성 사용을 피할 수 있으면해야합니다. 그렇게 할 수 없다면 HTML5 Doctype을 사용하고 data 특성을 사용하는 것이 좋습니다. 예를 들어, 당신이 쓴 것은 다음과 같이 할 수있다 :

<div id="suchAndSuch" class="blah" data-references="this.that.other" data-name="this.name"></div> 

그리고 그것은 여전히 ​​유효뿐만 아니라 최신 브라우저 (세 사람의도 수)에 의해 지원 될 것입니다.

+0

DOCTYPE 앞에 HTML 주석을 사용할 때 단 하나의 IE가 단점 모드에 던져진다는 것을 추가해야합니다. 파이어 폭스 외. 여전히 준수 할 것입니다. –

1

유효한 doctype을 사용해야하며 파일에서 발견 된 첫 번째 것이어야합니다. 나는 엄격한 Doctype과 커스텀 애트리뷰트의 동작을 테스트하지 않았지만, transitional doctype이 커스텀 애트리뷰트와 함께 작동한다는 것을 알고있다.

파이어 폭스에서

도구> 페이지 정보와 :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
0

당신은 페이지가 다음으로 렌더링되는 방법을 확인할 수 있습니다

나는 키가 유효한 문서 타입을 가지고 생각 '렌더링 모드'를보십시오.

IE8에서는 도구> 개발자 도구를 클릭하고 오른쪽 상단의 '문서 모드'를보십시오.

예를 들어,이 페이지는 Firefox의 'Standards compliance mode'와 Internet Explorer의 'IE8 Standards'에서 렌더링됩니다.

1

만료 모드는 문서에 지정된 DOCTYPE의 (부족한) 기준에 따라 트리거해야합니다. 표준 (document.compatMode에 대한

javascript:alert(document.compatMode) 

의 유효한 값은 (쿼크 모드) BackCompat하고 CSS1Compat :

Firefox 또는 IE에서는 주소 표시 줄에 다음 붙여 넣기하여 문서의 모드를 확인하실 수 있습니다/strict 모드).

Firefox에서는 문서를 마우스 오른쪽 버튼으로 클릭하고 "페이지 정보보기"를 클릭 할 수도 있습니다. 모드는 상단 근처의 "렌더링 모드"로 표시됩니다.

0

답장을 보내려면 모두 대답하십시오. 앞서 가서 각 태그를 W3C 유효성 검사기로 테스트했는데 div 또는 span에서 rel 또는 name을 사용하는 것은 실제로 유효하지 않은 X/HTML (strict, 믿습니다)입니다.