چگونه اینترنت اکسپلورر را مجبور کنیم تا از کد های HTML5و CSS3پشتیبانی کند?
چگونه اینترنت اکسپلورر را مجبور کنیم تا از کد های HTML5و CSS3پشتیبانی کند
HTML5,CSS3 هم مثل هر تکنولوژی جدید ی در کنار مزایا و قابلیت هایی که نسبت به نسخه های قبلی به همراه دارد محدودیت هایی را نیز شامل می شود که علاوه بر انکه اشتیاق یادگیری را برای طراحان وب برمی انگیزد ترس هایی را هم در آن ها ایجاد می کند.
مشکل اساسی که مخصوصا در کشور ما وجود دارد این است که هنوز هم اکثر کاربران از اینترنت اکسپلورر ۶ استفاده می کنند و این به بزرگترین کابوس طراحان وب در استفده از HTML5 تبدیل شده است
دوم اینکه اکثر مرورگرها همه امکانات HTML5 را که تا کنون عرضه شده است استفاده نمی کنند
سوما همه مرورگرها تگ های HTML 5 را به یک شکل ترجمه نمی کنند.
اپل، موزیلا و اپرا به عنوان پیشگامان توسعه HTML5 در WHATWG پیش از سایرین بسیاری از ویژگیهای این زبان را در مرورگرهای خود پیادهسازی کردهاند.
شرکت مایکروسافت نیز در IE8 خود بخشهایی از HTML5 را پشتیبانی می کند. به علاوه پشتیبانی از این زبان، یکی از ویژگیهای نسخه جدید مرورگر مایکروسافت، یعنی IE9 است
اما راهکار هایی برای سازگاری نسخه های قدیمی اینترنت اکسپلورر با 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>
برای اموزش بیشتر میتوانید به آدرس زیر مراجعه کنید