آموزش CSS – اختلاف در نحوه نمایش کدهای سی اس اس (CSS) در مرورگرهای مختلف (جلسه ۱۲)

browsers-css

متأسفانه مرورگرهای مختلف صفحات وب را به روش های مختلفی اصطلاحاً Render یا اجرا می کنند و این اختلاف در نحوه اجرا هم از آنجا ناشی می شود که مرورگر های مختلف از Rendering Engine ها یا “موتورهای اجرایی” مختلفی بهره می گیرند.
به عنوان یک طراح حرفه ای دانستن این نکته که هر مرورگر از چه موتوری برای اجرای صفحات وب استفاده می کند و آن موتور مد نظر به چه شکل به اجرای صفحات وب می پردازد از اهمیت ویژه ای برخوردار است.
به طور مثال مرورگر اینترنت اکسپلورر شرکت مایکروسافت از موتوری تحت عنوان Trident استفاده می کند، مرورگر اپرا از موتور Presto استفاده می کند، Gecko یک موتور Open Source است که توسط مرورگر فایرفاکس مورد استفاده قرار می گیرد و در نهایت موتوری تحت عنوان WebKit هم یک موتور Open Source است که توسط مرورگر سافاری اپل، گوگل کروم و اندروید مورد استفاده قرار می گیرد (لازم به ذکر است توضیحات تکمیلی پیرامون هر یک از این موتورها و نحوه عملکرد آنها خارج از حوزه این دوره آموزشی است).
خبر خوشحال کننده این است که بوجود آمدن استانداردهای وب در دهه ۱۹۹۰ توسط سازمان w3c.org موجب گردیده این اختلاف به حداقل برسند. بنابراین آگاهی از استانداردهای طراحی و اعمال آن ها در ایجاد صفحات وب سایت خود، این اطمینان را به ما خواهد داد تا با حداقل تفاوت در اکثر موررگر های به روز دنیا شاهد باشیم.
اولین وب سایتی که در این زمینه می تواند به طراحان وب کمک کند وب سایتی است به آدرس www.caniuse.com است که به طراحان اطلاعاتی کاملی در مورد میزان سازگاری مرورگرهای مختلف با کدهای اچ تی ام ال ۵ و سی اس اس ۳ را ارائه می دهد:

caniuse.com

علاوه بر سایت فوق الذکر سایت دیگری هم به آدرس http://www.quirksmode.org را می توانیم مورد استفاده قرار دهیم که حاوی اطلاعات مفیدی در مورد میزان سازگاری مرورگرهای مختلف با کدهای سی اس اس (CSS) است:

quirksmode.org

در نهایت سایت reference.sitepoint.com/css هم در زمینه سی اس اس (CSS) کمک بسیاری به ما خواهد کرد:

sitepoint_css_refrence

221

اسماعیلی هستم مدیر عصر فنون. فارغ التحصیل مقطع کارشناسی ارشد رشته مهندسی فناوری اطلاعات (IT)