استخدام التعليقات المشروطة في HTML

Question

أنا جديدة نسبيا في تطوير الويب و التعلم في كل وقت.أنا قد جئت مؤخرا عبر 'المشروط تعليقات' عند عرض التعليمات البرمجية المصدر على مواقع مختلفة.أعتقد أنني أفهم الآن ما يفعلونه ولكن أنا متأكد عند استخدامها.

لقد رأيت منهم تستخدم أساسا لتنفيذ الأنماط المختلفة عندما يتعلق الأمر IE و أود أن أعرف إذا كان هذا هو ممارسة جيدة?

في هذه الحالة إذا كان الجواب "نعم".ثم عند تطوير موقع هو 'المكان' لاستخدام اثنين من منفصلة الأنماط لإصلاح الخلل ، على سبيل المثال إنشاء الأنماط واحد على أي واحد for Firefox, Opera وما إلى ذلك ؟

شكرا مقدما.

Answer 1

ومعتمدة تعليقات الشرطية إلا عن طريق IE، بقدر ما أعرف، وأنها تقلل برشاقة في المتصفحات التي لا تدعم بها (لأنها تبدو وكأنها تعليق العادي). التوافق العام هو أنه موافق لاستخدام ميزة متصفح غير القياسية إذا كنت تستخدم لمكافحة متصفح آخر غير قياسي "ميزة" (أي دعم كربي لCSS في IE). لذلك ستجد أنه من حل شائع جدا لتقريب CSS.

Answer 2

وطبيعة برنامج Internet Explorer (الإصدار 6 <وأ href = "http://www.google.com/search؟hl=en&pwst=1&sa=X&oi=spell&resnum=0&ct=result&cd=1&q=Internet+Explorer+6+ CSS + الإختراق وتوضيح = 1 "يختلط =" نوفولو noreferrer "> خاصة ) يجعل من ذلك أن بعض الأنماط تعمل بشكل جيد مع IE، والبعض الآخر لا. لأغراض تلك التي لا يمكنك استخدام التعليقات المشروط لديك كود CSS التي تعرض فقط لشركة آي إي. لا بد لي من استخدامها بسبب الطريقة إنترنت إكسبلورر (سوء) يعالج 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]-->

إذا كنت لا تفعل ذلك، القائمة المنسدلة انشقاقات، وبصرف النظر لا يكون من الممكن الانتقال في Internet Explorer 6.

Answer 3

ولقد استخدمت تعليقات الشرطية لاكتشاف ما إذا كان زوار موقعي يستخدم IE6 أو أقل. إذا كان هذا هو الحال، وأنا تحميل IE7.js النصي ، الذي يتغلب على بعض من الخلل في هذه المتصفحات القديمة. وهناك أيضا سيناريو يحاكي دعم IE8.

Answer 4

وبعض الناس أيضا استخدام التعليقات لمساعدة الخطوط العريضة مناطق معينة من الصفحة مثل تذييل، رأس أو المحتوى الرئيسي (في كثير من الأحيان في قوالب).

ولكن إذا كنت تستخدم عناصر div وCSS (والذي يبدو وكأنه كنت) يجب أن تكون قادرة على معرفة ما هو المحتوى أو منطقة ما من HTML كنت في قبل معرفات DIV والأساليب CSS. تذكر أن استخدام أسماء واضحة وليس محاولة لاختصار منهم فقط من أجل تسهيل الكتابة.

وإذا كان هذا هو مشكلة بالنسبة لك ثم التحسس هو شيء رائع ويمكن أن تساعدنا على الحصول على جميع أنحاء أشياء من هذا القبيل. إذا لم يكن ثم CTRL + C و CTRL + V وربما كان أفضل شيء المقبل:)

Answer 5

هذا هو كبيرة من الممارسة!على الوثائق الرسمية صفحة التعليقات المشروطة, من أمثلة مجموعات من التعليقات المشروطة ، إنه يستحق القراءة.الصفحة كما يلي:

الشرطي التعليقات تجعل من السهل للمطورين للاستفادة من الميزات المتطورة التي تقدمها Microsoft Internet Explorer 5 والإصدارات الأحدث ، أثناء كتابة الصفحات التي تقليله برشاقة في أقل قدرة المتصفحات أو عرض بشكل صحيح في المتصفحات الأخرى من Windows Internet Explorer.الشرطي التعليقات هي الوسيلة المفضلة التفريق أوراق الأنماط المتتالية (CSS) قواعد المقصود إصدارات معينة من Internet Explorer.

Nowdays Internet Explorer هو على الأقل قادر على المتصفح, لذا أنت على الأرجح إلى استخدام التعليقات المشروطة أن تفعل العكس ، أي أن تستفيد من الميزات المتطورة التي تقدمها جميع المتصفحات الأخرى ، أثناء كتابة الصفحات التي تقليله برشاقة في Microsoft Internet Explorer.

يمكنك استخدام التعليقات المشروطة إلى إصلاح معتمد الأنماط CSS ، أو إخفاء رمز من إنترنت إكسبلورر, مثل هذا:

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