34
تشکر

حل مشکل پشتیبانی نشدن عناصر HTML5 در IE

در مطلب نگاهی به عناصر HTML5 ما بعضی از عناصر header, footer و nav را بررسی کردیم. با این حال وقتی شما به این عناصر در مرورگرهای قدیمی مانند IE8 استایل مورد نظر خود را اعمال میکنید هیچ گونه تغییری در صفحه شما ایجاد نخواهد شد چون مرورگر IE8 برای HTML5 ساخته نشده است.

برای مثال تصویر زیر گویای این حرف است:

حل مشکل پشتیبانی نشدن عناصر HTML5 در IE

حل مشکل پشتیبانی نشدن عناصر HTML5 در IE

تصویر بالا گویای همه چیز است. اما چگونه این مشکل را رفع کنیم.

در ادامه با ما همراه باشید…

ما میتوانیم از کد جاوا اسکریپت زیر استفاده کنیم. این کد به مرورگر میفهماند که مثلا تگ header را به رسمیت بشناسد.

document.createElement(elementName)
document.createElement('header')

خب حالا ما میتوانیم تمام عناصر HTML5 را به این صورت در یک فایل js. فراخوانی کنیم و هر زمان که مرورگر کاربر IE9 به پایین بود این کدها اجرا شوند. در واقع شما لازم نیست این کار را بکنید بلکه html5shiv این کار را کرده فقط بعد از قرار دادن این فایل در سایتتان کد زیر را در head بگذارید.

<!--&#91;if lt IE 9&#93;>
    <script type="text/javascript" src="html5shiv.js"></script>
<!&#91;endif&#93;-->
  • حمیدرضا حیدری می‌گه:

    یه دنیا ممنون…


  • نظرات این مطلب بسته است.