تعليق: بدأ المزيد والمزيد من المواقع في استخدام علامات HTML5 ، ولكن الوضع الحالي هو أن العديد من الأشخاص ما زالوا يستخدمون IE6 و IE7 و IE8. من أجل السماح لجميع المشاهدين بالوصول بشكل طبيعي ، يتوفر الحلان التاليان
بدأت المزيد والمزيد من المواقع في استخدام علامات HTML5 ، ولكن الوضع الحالي هو أن العديد من الأشخاص ما زالوا يستخدمون IE6 و IE7 و IE8. من أجل السماح لجميع المشاهدين بالوصول بشكل طبيعي ، تكون الحلول كما يلي:1. قم بإنشاء مجموعات متعددة من القوالب للموقع ، واستخدم البرنامج للحكم على وكيل المستخدم لإظهار صفحات مختلفة لمستخدمي المتصفح المختلفين ، مثل Youku.
2. استخدم JavaScript لجعل علامات HTML مدعومة من المتصفحات التي لا تدعم HTML5.
حل أفضل لـ IE هو HTML5SHIV. HTNL5SHIV يحل بشكل أساسي المشكلة التي لا يتم التعرف على العناصر الجديدة التي اقترحتها HTML5 بواسطة IE6-8. لا يمكن لف هذه العناصر الجديدة كعقد الوالدين ، ولا يمكن تطبيق نمط CSS. لتطبيق أنماط CSS على عناصر غير معروفة ، يمكنك تحقيقها عن طريق تنفيذ المستند. يتم إنشاء HTML5SHIV بناءً على هذا المبدأ.
استخدام HTML5Shiv بسيط للغاية. بالنظر إلى أن IE9 يدعم HTML5 ، تحتاج فقط إلى إضافة الرمز التالي إلى رأس الصفحة:
<!-[إذا lt ie 9]-> <script src = ""> </script> <!-[endif]->
موقع HTML5SHIV الرسمي:
فيما يلي بعض الإضافات:
بالطبع ، بما في ذلك مدونتي. بخصوص HTML5 ، يجب أن أذكر IE. عندما شاركت الشركات المصنعة للمستعرضات السائدة مثل Apple و Google و Opera و Mozilla بنشاط في صياغة وترويج الإصدار الجديد من معايير HTML ، قامت Microsoft بإلغاء مواصفات HTML 5. ومع ذلك ، ذكرت Microsoft مؤخرًا أنها ستدعم HTML 5 في IE ، بحيث لا يمكن لـ IE8 وما يلي دعم علامات HTML5 حتى الآن. ولكن في SitePoint ، وجدت طريقة لجعل IE دعم HTML5.
فيما يلي مثال معروض في IE 8 ، قبل المعالجة:
لجعل IE (بما في ذلك IE6) دعم HTML5 ، نحتاج إلى إضافة JavaScript التالية إلى رأس HTML. هذا هو وثيقة بسيطة. إعلان createlement ، باستخدام التعليقات التوضيحية الشرطية لإنشاء العقد المقابلة في الكائن لـ IE.
<!-[إذا كان ie]>
<script>
document.createElement ("header") ؛
document.createElement ("تذييل") ؛
document.createElement ("NAV") ؛
document.createElement ("المقالة") ؛
document.createElement ("القسم") ؛
</script>
<! [endif]->
بعد إضافة الكود أعلاه ، يكون التأثير المعروض في IE8 كما يلي:
يبدو أن رمز JavaScript لإنشاء العقد في مثال SitePoint متضخم للغاية ، ويبدو أن الرمز المقدم في Smokemagazine أكثر إيجازًا.
المظاهرة كما يلي
<!-[إذا كان ie]>
<script>
(function () {if (!/*@cc_on!@*/0) return ؛ var e = "header ، footer ، nav ، article ، section" .split ('،') ، i =
</script>
<! [endif]->
يتجلى HTML5 كعناصر مضمنة بشكل افتراضي. عند وضع هذه العناصر ، نحتاج إلى تحويلها يدويًا إلى عناصر كتلة باستخدام CSS ، كما هو موضح في المثال التالي:
رأس ، تذييل ، قناة ، قسم ، مقال {
العرض: كتلة ؛
}