HTML에서 조건부 주석을 사용합니다

StackOverflow https://stackoverflow.com/questions/414738

  •  03-07-2019
  •  | 
  •  

문제

저는 웹 개발 및 항상 학습에 비교적 처음입니다. 최근에 다른 웹 사이트의 소스 코드를 볼 때 '조건부 의견'을 발견했습니다. 나는 이제 그들이 무엇을하는지 이해하지만 언제 사용 해야하는지 확실하지 않습니다.

IE와 관련하여 다른 스타일 시트를 구현하는 데 주로 사용되는 것을 보았고 이것이 좋은 연습인지 알고 싶습니다.

이 경우 답이 '예'인 경우. 그런 다음 사이트를 개발할 때 두 개의 개별 스타일 시트를 사용하여 버그를 수정하는 것이 '일반적인 장소'입니까?

미리 감사드립니다.

도움이 되었습니까?

해결책

조건부 의견은 내가 아는 한 IE에 의해서만 뒷받침되며,이를 지원하지 않는 브라우저에서 우아하게 다운 그레이드 (정상적인 의견처럼 보이므로). 일반적인 합의는 다른 비표준 브라우저 "기능"(즉, IE의 CSS에 대한 엉뚱한 지원)과 싸우는 데 사용하는 경우 비표준 브라우저 기능을 사용해도 괜찮다는 것입니다. 따라서 CSS 조정을위한 매우 일반적인 솔루션이라는 것을 알 수 있습니다.

다른 팁

인터넷 익스플로러의 본질 (버전 6 특히) 일부 스타일 시트는 IE와 잘 작동하도록합니다. 그렇지 않은 사람들의 목적 상, 조건부 의견을 사용하여 IE에 대해서만 표시되는 CSS 코드를 가질 수 있습니다. Internet Explorer (MIS)가 CSS 드롭 다운 메뉴를 처리하는 방식 때문에 사용해야합니다.

웹 사이트를 만들기 위해 내가 제대로 렌더링하고 있습니다. hover 드롭 다운 메뉴의 기능, CrossHover.htc 파일을 구현해야합니다. 다음은 사용해야 할 코드입니다.

     <!--[if IE]>
<style type="text/css" media="screen">
#menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(http://www.stannscatholicschool.com/csshover.htc);
font-size: 100%;
}
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;}

#menu a, #menu h2 {
font: 100% verdana, tahoma, helvetica, arial, sans-serif;
}

</style>
<![endif]-->

그렇게하지 않으면 드롭 다운 메뉴가 분리되어 인터넷 익스플로러 6에서는 탐색 할 수 없습니다.

내 사이트 방문자가 IE6 이하를 사용하는지 여부를 감지하기 위해 조건부 의견을 사용했습니다. 이 경우를로드합니다 ie7.js 스크립트, 이 오래된 브라우저의 일부 버그를 극복합니다. IE8 지원을 모방하기위한 스크립트도 있습니다.

일부 사람들은 댓글을 사용하여 바닥 글, 헤더 또는 기본 콘텐츠 (종종 템플릿)와 같은 페이지의 특정 영역을 요약하는 데 도움이됩니다.

그러나 DIV 및 CSS를 사용하는 경우 (귀하와 같은 소리) 콘텐츠가 무엇인지 또는 DIV ID 및 CSS 스타일에 의해 어떤 HTML의 영역이 있는지 알 수 있어야합니다. 명확한 이름을 사용하고 더 쉬운 타이핑을 위해서만 약칭하지 마십시오.

그것이 당신에게 문제라면 Intellisense는 훌륭한 일이며 우리가 그런 것들을 돌아 다니도록 도울 수 있습니다. 그렇지 않다면 Ctrl+C와 Ctrl+V는 아마도 다음 가장 좋은 것일 것입니다 :)

이것은 훌륭한 연습입니다! 그만큼 조건부 의견의 공식 문서 페이지, 조건부 의견의 많은 예와 조합이 있으며, 읽을 가치가 있습니다. 이 페이지는 또한 다음을 나타냅니다.

조건부 의견을 통해 개발자가 Microsoft Internet Explorer 5 이상에서 제공하는 향상된 기능을 쉽게 활용할 수 있으며, 덜 적합한 브라우저에서 우아하게 다운 그레이드하거나 Windows Internet Explorer 이외의 브라우저에서 올바르게 표시되는 페이지를 작성합니다. 조건부 의견은 특정 버전의 인터넷 익스플로러를위한 CSS (Cascading Style Sheet) 규칙을 차별화하는 선호하는 수단입니다.

요즘 Internet Explorer는 가장 유능한 브라우저입니다, 따라서 당신은 조건부 의견을 사용하여 정반대의 반대, 즉 다른 모든 브라우저가 제공하는 향상된 기능을 활용하는 동시에 Microsoft Internet Explorer에서 우아하게 다운 그레이드하는 페이지를 작성할 것입니다.

조건부 의견을 사용하여 지원되지 않는 CSS 스타일을 수정하거나 인터넷 익스플로러에서 코드를 숨길 수 있습니다.

<!--[if !IE]>-->
<script src="IE_will_never_see_this.js" type="text/javascript" charset="utf-8" ></script>
<!--<![endif]-->
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top