사업부 태그 중첩

그래서 나는 다음과 같은 HTML이 : 나는 예를 들어, 자신의 하나의 태그 버전으로 div 태그 중 하나를 변경하면사업부 태그 중첩

<html> 
<head> 
    <style> 
     .box 
     { 
      height: 100px; 
      width: 100px; 
     }  
     #box1 
     { 
      background-color: Red; 
     } 
     #box2 
     { 
      background-color: Red; 
     } 
     #box3 
     { 
      border-style: dotted; 
     } 
     #box4 
     { 
      background-color: Red; 
     } 
    </style> 
</head> 
<body> 
<div id="boxes"> 
    <div id="box1" class="box"></div> 
    <div id="box2" class="box"></div> 
    <div id="box3" class="box"></div> 
    <div id="box4" class="box"></div> 
</div> 
</body> 
</html>

을 :

<div id="box1" class="box"/>

후속에게 태그는 적어도 Chrome, Firefox 및 IE에서 중첩됩니다. 누구든지이 행동에 관한 거래를 알고 있습니까? 그것은 나에게 버그처럼 보인다.

출처

2011-11-16 Mike Cheel

이상한 점은 여기에 아무것도 나와 있지 않습니다. 중첩 된 무엇을 의미합니까? 페이지의 소스 코드를 검사 할 때 중첩 된 것을 볼 수 있습니까? 또는 시각적으로? – Jerome

습관으로 나는 단 하나의 태그 버전을 BR과 IMG에만 사용하고, 나머지는 항상 개폐식을 사용한다. 이유는 모르겠지만 이전 버전과의 호환성과 관련이 있습니다. 나는 모든 현대의 브라우저가 괜찮을 것이라고 생각한다. – ToddBFisher

<div>를 추가하는 시도 할 수 있습니다

는 HTML 문서에서 유효한 자기 닫는 태그가 아닙니다. XHTML로 제공한다면 제대로 동작 할 것입니다 (그렇지 않으면 브라우저 버그입니다).

또한 Doctype은 문서가 해석되는 방식을 변경하지 않으며 MIME 유형 만 변경합니다 (Content-Type application/xhtml+xml으로 문서를 제공 할 경우 작동 함). 여기에서 자세한 내용을 확인할 수 있습니다 : http://www.webdevout.net/articles/beware-of-xhtml#content_type

출처

2011-11-16 15:25:28 deviousdodo

문제는 브라우저가 버크 모드로 전환 될 수 있습니다. 당신은 문서 타입

출처

2011-11-16 15:23:28 Molochdaa

사업부 태그 중첩

답변

관련 문제