wait please
شکیبا باشید
صفحه اصلی آرشیو اخبار و مقالات طراحی سایت html shiv چیست؟

html shiv چیست؟

html shiv چیست؟

با آمدن html5 در زمینه طراحی وب ، بسیاری امکانات برای طراحان وب مهیا شد. ولی با اینحال یک سری مشکلات برای طراحان وب بوجود آمد.منظور از این مشکلات، پشتیبانی نکردن مرورگر های قدیمی از عناصر جدید html5 میباشد.html shiv توسط خالق جی کوئری یعنی John Resig نوشته شده است.این قطعه کد باعث میشود تا مرورگر IE نسخه های ۹ به پایین از تگ های جدید html5 پشتیبانی کنند.

با آمدن html5 در زمینه طراحی وب ، بسیاری امکانات برای طراحان وب مهیا شد. ولی با اینحال یک سری مشکلات برای طراحان وب بوجود آمد.منظور از این مشکلات، پشتیبانی نکردن مرورگر های قدیمی از عناصر جدید html5 میباشد.html shiv توسط خالق جی کوئری یعنی John Resig نوشته شده است.این قطعه کد باعث میشود تا مرورگر IE نسخه های ۹ به پایین از تگ های جدید html5 پشتیبانی کنند.
این قطعه کد در توضیحات شرطی  استفاده میشود . توضیحات شرطی توسط شرکت مایکروسافت بوجود آمد و با استفاده از آن ها میتوان نسخه های IE کاربر را تشخیص داد.در اصل مایکروسافت با اینکار قابلیت پشتیبانی از تگ های جدید html5 را به مرورگر های ورژن پایین IE افزود.ولی باید در نظر داشته باشید که برای افزودن برخی از ویژگی های css3 مانند opacity باید از کد جاوا اسکریپت استفاده کرد.برای مثال میخواهیم عنصری با کلاس one دارای شفافیت ۰٫۳ باشد.با استفاده از جی کوئری میتوان نوشت:

پیشنهاد میشود برای طراحی قالبتان از html shiv استفاده کنید تا مرورگر های قدیمی هم بتوانند تگ های جدید html5 را پشتیبانی کنند.

<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
  1. <!--[if lt IE 9]>
  2. <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  3. <![endif]-->

تکه کد بالا همان html shiv است.برای استفاده از کد بالا،آنرا باید داخل تگ head قرار دهید.

یه نکته جالب:داخل توضیحات شرطی میتوانید هر چیزی بنویسید و برای مرورگر های ورژن پایین اجرا کنید.برای مثال میتوانید این کد را بنویسید تا برای مرورگرهای IE ورژن پایین پیغامی ارسال شود تا به آنها گفته شود که از مرورگر جدیدتری استفاده کنید:

<script>alert('لطفا از مرورگر ورژن بالاتر استفاده کنید')</script>
  1. <script>alert('لطفا از مرورگر ورژن بالاتر استفاده کنید')</script>

همانند سایت داتگ اگر با مرورگر ورژن پایین IE سایت را بازکنید،پیغامی داده میشود و میگوید که از “برای مشاهده بهتر و روان تر سایت،از مرورگر جدیدتر استفاده کنید”.

چطور html shiv ساده بسازیم؟

با توضیحاتی که دادم فهمیدیم که html shiv یک تکه کد javascript میباشد.پس ما هم میتوانیم یک html shiv ساده برای تگ هایی که خودمان ساخته ایم بسازیم.برای مثال من از تگی به نام sarakhs در سند اچ تی ام ال خود استفاده کرده ام.برای پشتیبانی مرورگر های قدیمی IE از این تگ یک html shiv دست ساز میسازم.

منبع : سرخس تم