Bedingte Kommentare in HTML

Question

Ich bin relativ neu in web-Entwicklung und lernen die ganze Zeit.Ich habe vor kurzem über 'Conditional Comments' bei Leser-source-code für verschiedene Webseiten.Ich glaube, ich verstehe jetzt, was Sie tun, aber bin mir nicht sicher, Wann Sie zu verwenden sind.

Ich habe gesehen, wie Sie hauptsächlich für die Umsetzung verschiedener stylesheets, wenn es um den IE und würde gerne wissen, ob dies eine gute Praxis?

In dem Fall, wenn die Antwort ist "ja".Dann bei der Entwicklung einer Website ist es üblich, statt " aus, um zwei separate stylesheets, um Fehler zu beheben, zum Beispiel erstellen Sie ein stylesheet für den Internet Explorer und eine für Firefox, Opera etc?

Vielen Dank im Voraus.

Answer 1

Bedingte Kommentare werden nur von IE unterstützt, soweit ich weiß, und sie anmutig in Browsern degradieren, die sie nicht unterstützen (da sie wie ein normaler Kommentar aussehen). Der allgemeine Konsens ist, dass es in Ordnung ist eine Nicht-Standard-Browser-Funktion zu verwenden, wenn Sie es verwenden einen anderen Nicht-Standard-Browser „Feature“ (das heißt die crappy CSS-Unterstützung in IE) zu bekämpfen. So werden Sie feststellen, dass es eine sehr verbreitete Lösung ist CSS für das Verhalten.

Answer 2

Die Natur des Internet Explorer (Version 6 besonders ) macht es so, dass einige Sheets arbeiten gut mit IE und manche nicht. Für die Zwecke von denen, die nicht, Sie bedingte Kommentare CSS-Code zu haben, die nur für den Internet Explorer zeigt verwenden können. Ich habe es zu benutzen, weil, wie Internet Explorer (mis) behandelt CSS Drop-Down-Menüs.

Um die Website zu machen ich arbeite richtig das hover Merkmal des Drop-Down-Menüs machen, ich habe die crosshover.htc Datei zu implementieren. Hier ist der Code Ich habe zu verwenden:

     <!--[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]-->

Wenn ich das nicht tun, das Drop-Down-Menü teilt auseinander und nicht in Internet Explorer 6 navigiert werden kann.

Answer 3

Ich habe bedingte Kommentare verwendet, um festzustellen, ob die Besucher meiner Seite nutzt IE6 oder niedriger. Wenn das der Fall ist, lade ich den IE7.js Skript , die einige überwindet der Fehler in diesen älteren Browsern. Es gibt auch ein Skript zur Emulation IE8 Support.

Answer 4

Einige Leute verwenden auch Kommentare Umriss bestimmte Bereiche der Seite wie ein footer, header oder Inhalt (oft in templates).

Allerdings, wenn Sie divs und CSS (die es klingt wie Sie sind), sollten Sie in der Lage sein zu sagen, was der Inhalt ist, oder in welchem Bereich des HTML-sind Sie in der DIV-ids und CSS-Stile.Verwenden Sie eindeutige Namen, und versuchen Sie nicht, um abzukürzen, nur für die Willen von einfacher eingeben.

Wenn das ein Problem für Sie ist, dann Intellisense ist eine wunderbare Sache und kann uns helfen, bekommen, um Sachen wie, dass.Wenn nicht, dann STRG+C und STRG+V wird wohl die nächste beste Sache :)

Answer 5

Dies ist eine große Praxis! Die offizielle Dokumentationsseite der bedingten Kommentare , hat viele Beispiele und Kombinationen von bedingte Kommentare, es lohnt sich zu lesen. Die Seite gibt es auch heißt:

Bedingte Kommentare machen es einfach für Entwickler die Vorteile der erweiterten Funktionen von Microsoft Internet Explorer 5 und späteren Versionen angeboten zu nehmen, während Seiten zu schreiben, die anmutig degradieren in weniger-fähigen Browser oder korrekt als Windows Internet Explorer in Browsern angezeigt werden soll. Bedingte Kommentare sind die bevorzugten Mittel zur Differenzierung von Cascading Style Sheets (CSS) Regeln für bestimmte Versionen von Internet Explorer soll.

Nowdays Internet Explorer ist die am wenigsten fähigen Browser , so dass Sie am ehesten bedingte Anmerkungen zu verwenden, gehen genau das Gegenteil zu tun, das heißt, die Vorteile der erweiterten Funktionen von allen anderen in Anspruch zu nehmen Browser, während das Schreiben Seiten, die elegant in Microsoft Internet Explorer degradieren.

Sie können bedingte Kommentare verwenden, um nicht unterstützte CSS-Stile zu beheben, oder Code zu verbergen von Internet Explorer wie folgt aus:

<!--[if !IE]>-->
<script src="IE_will_never_see_this.js" type="text/javascript" charset="utf-8" ></script>
<!--<![endif]-->