خانه / آموزش HTML / بخش سی و هفتم-پشتیبانی HTML5
راه اندازی سایت فروشگاهی دیجی کالا و بامیلو
"

تاریخ بروزرسانی: ۱۵ آذر ۱۳۹۷ تعداد بازدید : 5 بازدید بدون دیدگاه

بخش سی و هفتم-پشتیبانی HTML5

قدم قبلی >< قدم بعدی

پشتیبانی HTML5

 

در این آموزش html به پشتیبانی HTML5 می پردازیم.

پشتیبانی مرورگر از HTML5

شما می توانید با مرورگرهای قدیمی تر به درستی HTML5 را اجرا کنید.

HTML5 در تمام مرورگرهای مدرن پشتیبانی می شود.

علاوه بر این، تمام مرورگرهای قدیمی و جدید، به طور خودکار عناصر نامعلوم را به عنوان عناصر درون خطی اداره می کنند.

به همین دلیل، شما می توانید “آموزش” مرورگرهای قدیمی تر برای اداره عناصر HTML ناشناخته.

شما حتی می توانید آموزش IE6 (ویندوز XP 2001) نحوه اداره کردن عناصر ناشناخته HTML را آموزش دهید.

عناصر معنایی را به عنوان عناصر بلوک تعریف کنید

HTML5 هشت عنصر معنایی جدید را تعریف می کند. همه این عناصر سطح بلوک هستند.

برای اطمینان از رفتار صحیح در مرورگرهای قدیمی، می توانید ملک نمایش CSS را برای این عناصر HTML تنظیم کنید:

عناصر جدید به HTML اضافه کنید

شما همچنین می توانید عناصر جدید را به یک صفحه HTML با ترفند مرورگر اضافه کنید.

این مثال یک عنصر جدید به نام <myHero> را به یک صفحه HTML اضافه می کند و یک سبک را برای آن تعریف می کند:

همین حالا ببینید:  بخش سی و سوم-عناصر فرم HTML

بیانیه ی جاوا اسکریپت “document.createElement “myHero”برای ایجاد یک عنصر جدید در IE 9 و قبل از آن لازم است.

مشکل اینترنت اکسپلورر ۸

شما می توانید از راه حل توصیف شده در بالا برای تمام عناصر HTML5 جدید استفاده کنید.

با این حال، IE8 (و قبل از آن) اجازه نمی دهد یک ظاهر طراحی شده از عناصر ناشناخته!

خوشبختانه Sjoerd Visscher HTML5Shiv را ایجاد کرد! HTML5Shiv یک راه حل برای جاوا اسکریپت است تا سبکی از عناصر HTML5 را در نسخه های اینترنت اکسپلورر قبل از نسخه ۹ فعال کند.

همین حالا ببینید:  بخش بیست و ششم-عناصر کد کامپیوتر در HTML

شما باید از HTML5shiv برای ارائه سازگاری برای مرورگرهای IE قدیمی تر از IE 9 استفاده کنید.

نحو برای HTML5Shiv

HTML5Shiv در داخل برچسب <head> قرار دارد.

HTML5Shiv یک فایل جاوا اسکریپت است که در تگ <script> اشاره شده است.

شما باید هنگام استفاده از عناصر HTML5 جدید مانند <article>، <section>، <side>، <nav>، <footer> از HTML5Shiv استفاده کنید.

مثال HTML5Shiv 

اگر نمیخواهید سایت HTML5Shiv را دانلود و ذخیره کنید، می توانید نسخه موجود در سایت CDN را ارجاع دهید.

اسکریپت HTML5Shiv باید در عنصر <head> بعد از هر شیوه ای قرار گیرد:

 

گام قبلی >< گام بعدی
بخش سی و هفتم-پشتیبانی HTML5
5 (100%) 1 vote

لینک کوتاه این مطلب: https://tiktheme.com/?p=12057


کانال تلگرام تیک تم

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *