چگونه اینترنت اکسپلورر را مجبور کنیم تا از کد های HTML5و CSS3پشتیبانی کند?

چگونه اینترنت اکسپلورر را مجبور کنیم تا از کد های  HTML5و  CSS3پشتیبانی کند

HTML5,CSS3  هم مثل هر تکنولوژی  جدید ی در کنار مزایا و قابلیت هایی که نسبت به نسخه های قبلی به همراه دارد  محدودیت هایی را نیز شامل می شود که علاوه بر انکه اشتیاق یادگیری را برای طراحان وب برمی انگیزد ترس هایی را هم در آن ها ایجاد می کند.

مشکل اساسی که مخصوصا در کشور ما وجود دارد این است که هنوز هم اکثر کاربران از اینترنت اکسپلورر ۶ استفاده می کنند و این به  بزرگترین کابوس طراحان وب در استفده از  HTML5 تبدیل شده است

ietester

نمایش CSS3, HTML5 در IE

دوم اینکه اکثر مرورگرها همه امکانات HTML5 را که تا کنون عرضه شده است استفاده نمی کنند

سوما همه مرورگرها تگ های HTML 5 را به یک شکل ترجمه نمی کنند.

اپل، موزیلا و اپرا به عنوان پیشگامان توسعه HTML5 در WHATWG پیش از سایرین بسیاری از ویژگی‌های این زبان را در مرورگرهای خود پیاده‌سازی کرده‌اند.

شرکت مایکروسافت نیز در IE8  خود بخش‌هایی از HTML5 را پشتیبانی می کند. به علاوه پشتیبانی از این زبان، یکی از ویژگی‌های نسخه جدید مرورگر مایکروسافت، یعنی IE9  است

browsers_race-html5-test11

نمایش CSS3, HTML5 در IE

اما راهکار هایی برای سازگاری نسخه های قدیمی اینترنت اکسپلورر با HTML5 و CSS3  اندیشیده شده است:

 استفاده از اسکریپت IE-CSS3 برای نمایش Css3 :

شما فقط کافیست فایل  ie-css3.htc در روت وب سایت خود کپی نمایید. و در هر کجا که از خاصیت های CSS3 بهره میگیرید فقط خط زیر را درج نمایید.

;(behavior:url(PIE.htc

اجرای تگهای اختصاصی HTML5 در مرورگرهای قدیمی از جمله IE6 و IE7 و همچنین Firefox2

در HTML5 یک سری تگ‌ها مثل section، article، footer، header به منظور معنا بخشیدن به ساختار HTMLاضافه شده اند.

با تگ article قسمتی که محتوا و مطلبی مانند یک مقاله قرار دارد را می توان مشخص کرد. با استفاده از nav می توان لینک های ناوبری سایت (navigation) را از سایر قسمت ها متمایز کرد.با تگ HEADER  یک موتور جست‌وجو می‌تواند به‌طور دقیق تشخیص دهد که کدام بخش از سند حاوی محتویات اصلی صفحه است و…

مرورگرهای قدیمی مثل IE8 و نسخه‌های قدیمی‌تر آن، و حتی نسخه‌های قدیمی مرورگرهایی نظیر Firefox, Opera, Safari و … قادر به شناسایی این تگ‌ها نیستند .اما با دستورات جاوااسکریپتی که برای شما در این مقاله قرار داده ایم می توانید  این تگ‌ها را به مرورگرهای قدیمی بشناسانید.

<script type=”text/javascript”>
document.createElement(“article”);
document.createElement(“header”);
document.createElement(“footer”);
document.createElement(“section”);
document.createElement(“hgroup”);
document.createElement(“nav”);
document.createElement(“aside”);
</script>

برای اموزش بیشتر میتوانید به آدرس زیر مراجعه کنید

http://blog.iranhost.com