2009년 3월 20일, 마이크로소프트는 윈도우 인터넷 익스플로러 8(IE8)의 공식 버전을 전 세계에 출시해 사람들의 이목을 집중시켰다. IE8은 현재까지 가장 표준을 준수하는 버전입니다. CSS(Cascading Style Sheets) 레벨 2.1을 완벽하게 지원하고 CSS 3, HTML 4.01에 대한 지원이 향상되었으며 HTML 5도 잘 지원할 수 있습니다. 이러한 HTML 요소에 대한 향상된 지원 덕분에 웹 개발자는 이제 더욱 표현력 있고 접근하기 쉬운 HTML 마크업을 구축할 수 있습니다. 이 기사에서는 IE8의 HTML 및 CSS 지원 동작에 대한 변경 사항과 이러한 변경 사항이 웹 개발자에게 미치는 영향을 살펴보겠습니다.
HTML 개선
개발자가 HTML 4.01에서 제공하는 요소를 최대한 활용하고 웹 개발자가 표현하고자 하는 의미론적 의미를 더 잘 해석할 수 있도록 Windows Internet Explorer는 다음과 같은 표현 요소를 지원하도록 업그레이드되었습니다.
P는 자동으로 요소 닫는 태그를 추가합니다.
닫는 태그가 없는 P 요소는 TABLE, FORM, NOFRAMES 또는 NOSCRIPT 요소가 뒤에 올 때 자동으로 닫는 태그를 즉시 추가합니다.
<html>
<머리>
<title>간단한 P 요소 끝 예</title>
<meta http-equiv="X-UA-Compatible" content="IE8"/>
</head>
<본문>
<p>첫 번째 문단입니다</p>
<p style="margin-left:30px">두 번째 문단입니다. <!-- P가 닫히지 않음 -->
<table border="1px" cellpadding="2px"><tr><td>테이블 셀입니다. </td></tr></table>
<p>세 번째 문단입니다. </p>
</body>
</html>
이 예에서는 두 번째 P 요소에 닫는 태그가 없습니다. Windows Internet Explorer 7을 사용하여 보면 TABLE 요소가 두 번째 P 요소의 자식으로 나타납니다. 두 번째 P 요소는 창의 왼쪽 여백에서 30픽셀만큼 들여쓰기됩니다. TABLE은 P 요소의 하위 요소이므로 창의 왼쪽 여백에서도 들여쓰기됩니다. 그러나 Windows Internet Explorer 8의 기본 모드에서 보면 TABLE 요소가 왼쪽 여백에 정렬됩니다. Windows Internet Explorer 8에서는 TABLE 요소를 표시하기 전에 P 요소의 누락된 닫는 태그를 자동으로 추가하므로 TABLE 요소는 IE8에서 두 번째 P 요소의 하위 요소가 아닙니다.
OBJECT 요소를 사용하여 이미지 표시
Windows Internet Explorer 8에서는 OBJECT 요소를 사용하여 이미지를 표시할 수 있습니다. 이 요소를 사용하여 이전 브라우저에서 이미지를 표시할 때 자동으로 이미지에 스크롤 막대와 테두리가 추가되어 이미지가 잘못 표시되는 경우가 많습니다.
Windows Internet Explorer 8에서 OBJECT 요소는 IMG 요소를 사용하여 삽입된 것처럼 이미지를 표시합니다. 웹페이지에서 이 동작을 사용하려면 OBJECT 요소의 DATA 속성을 이미지의 URL로 설정하세요. DATA 속성에 dataURL을 포함할 수도 있습니다.
Windows Internet Explorer가 이전 동작을 사용하는 OBJECT 요소에 이미지를 로드하도록 하려면 웹 페이지에 대한 이전 호환성 모드를 선택하거나 OBJECT 요소의 TYPE 속성을 text/html로 설정하세요.