وب از نگاه سوم

زمانی که هنوز مرورگر های مدرنی چون فایرفاکس و اپرا ارائه نشده بودند ، IE یکه تاز بازار مرورگر ها بود و وجود آن به صورت پیش فرض بر روی ویندوز نیز باعث شده بود که بسیاری از کاربران با شنیدن کلمه اینترنت ، لوگوی آبی رنگ e اینترنت اکسپلورر در ذهنشان نقش ببندد! اما دیگر آن روزگار گذشته است و وجود مرورگر های چون فایرفاکس و اپرا و اخیرا کروم ، رویایِ مایکروسافت و تیم IE را حسابی تیره و تار کرده است.

طی خبر های منتشر شده مایکروسافت IE8 در راه است و نسخه های Beta این مرورگر در دسترس کاربران قرار گرفته است. به نظر می رسد که تغییرات زیادی را در این نسخه از IE مشاهده خواهیم کرد. شاید اگر مرورگر های مدرن دیگری وجود نداشتند ، هیچ وقت مایکروسافت فکر تغییر و افزاریش کیفیت مرورگر خود نمی بود.

با وجود بازار داغ مرورگر ها در این روزها ، کار برای طراحان وب هر روز سخت تر از دیروز می شود! چرا که شاید در نگاه اول یک طرح استاندارد در برخی از این مرورگر ها صحیح نمایش داده شوند ، اما اگر کمی ریزبین شوید و دقت بیشتری کنید ، خواهید دید که تفاوت ها گاه آنقدر زیاد می شوند که قید تصحیح آنها را در بعضی مواقع بزنید بهتر از آن است که وقت بسیار زیادی را صرف تصحیح آنها کنید!

در این نوشتار می خواهیم به بحث روی دستورات اختصاصی IE بپردازیم و با استفاده از آنها طرح خود را در نسخه های مختلف IE صحیح و بدون نقص نمایش دهیم.

بر خلاف مرورگر های دیگر که دستورات اختصاصی آنها به صورت مجزا و در بخش CSS تعریف می شود ، IE هم از خاصیت شناسایی دستورات در داخل html صفحات پیروی می کند و هم از دستورات اختصاصی CSS (البته یک سری از این دستورات باعث می شوند که فایل CSS شما از حالت Valid خارج شود ، که ما کاری با آنها نداریم و توصیه هم نمیشه ، مگر در موارد خیلی خاص).

دستوراتی که می توانید در درون html صفحات استفاده کنید به شکل زیر است:

<!--[if IE]>
According to the conditional comment this is Internet Explorer
<![endif]-->

<!--[if IE 5]>
According to the conditional comment this is Internet Explorer 5
<![endif]-->

<!--[if IE 5.0]>
According to the conditional comment this is Internet Explorer 5.0
<![endif]-->

<!--[if IE 5.5]>
According to the conditional comment this is Internet Explorer 5.5
<![endif]-->

<!--[if IE 6]>
According to the conditional comment this is Internet Explorer 6
<![endif]-->

<!--[if IE 7]>
According to the conditional comment this is Internet Explorer 7
<![endif]-->

<!--[if IE 8]>
According to the conditional comment this is Internet Explorer 8
<![endif]-->

<!--[if gte IE 5]>
According to the conditional comment this is Internet Explorer 5 and up
<![endif]-->

<!--[if lt IE 6]>
According to the conditional comment this is Internet Explorer lower than 6
<![endif]-->

<!--[if lte IE 5.5]>
According to the conditional comment this is Internet Explorer lower or equal to 5.5
<![endif]-->

<!--[if gt IE 6]>
According to the conditional comment this is Internet Explorer greater than 6
<![endif]-->

وقتی این دستورات را در یک ویرایشگر مثل Dreamwaver قرار می دهید به رنگ طوسی نشان داده می شوند و به معنای آن است که مرورگر های مختلف این دستوارت را به صورت comment شناسایی می کنند و عملا آنها را اجرا نمی کنند. اما فقط IE است که comment هایی که به این شکل باشند را شناسایی و دستورات درون آنها را اجرا می کند.

اکنون می توانید نسخه مرورگر IE کاربرانی که از صفحه شما بازدید می کنند را شناسایی و برای هر نسخه یک فایل css را در صورت نیاز اجرا کنید ، مثلا برای نسخه IE6 دستور مورد نظر می تواند چیزی شبیه این باشد:

<!--[if IE 6]>
<link href="ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->

پویا Uncategorized IE, IE7, IE8, اپرا, فایرفاکس, مرورگر وب