التعليق: بدأت المزيد والمزيد من المواقع في استخدام علامات HTML5. لكن الوضع الحالي هو أنه لا يزال هناك الكثير من الأشخاص الذين يستخدمون IE6 و IE7 و IE8. فيما يلي طريقة لتمكين متصفح IE لدعم HTML5. يمكن للأصدقاء الذين يحتاجون إليها الرجوع إليها.
في الوقت الحاضر ، تجذب HTML5 المزيد والمزيد من الاهتمام ، ولكن المتصفحات التي تدعم HTML5 في الوقت الحالي ، لا يزال أكثر من 50 ٪ من المستخدمين المحليين لا يزالون يستخدمون IE6. نظرًا لأن IE9 ، الذي يدعم HTML5 ، لا يدعم تثبيت نظام XP ، سيتعين على مطوري HTML5 النظر في مشكلة التوافق المتخلف لفترة طويلة في المستقبل. هناك العديد من الطرق لاستخدام علامات HTML5 أو توافق محدد CSS ، وواحد واحد منهم.
للحصول على المبادئ الأساسية ، راجع الكود التالي للتأثير في IE8 ، لا يعمل النمط على الإطلاق.
<html>
<head>
<style> mxria {color: red ؛ } </style>
</head>
<body>
<Mxria> مرحبًا! </mxria>
</body>
</html>
من أجل أن يتعرف المتصفح على علامة <Mxria> </mxria> وعرض تأثير النمط المقابل ، يمكننا إضافة قسم من JS على النحو التالي ، وسيكون التأثير مختلفًا عندما نراه.
<html>
<head>
<style> mxria {color: red ؛ } </style>
<script> document.createElement ("mxria") </script>
</head>
<body>
<Mxria> Hello! mxria.com </mxria>
</body>
</html>
الآن الجميع يفهم الغموض! نعم ، إنه document.createlement. HTML5 SHIV هو مكون إضافي JS الذي يعيد ترجع جميع علامات HTML5. تحتاج إلى تحميل البرنامج المساعد ، ثم يمكن التعرف على برنامج HTML5 من قبل جميع المتصفحات.
عنوان التنزيل:
استخدام بسيط من الجذع/html5.js:
فيما يلي ملف HTML5.JS الذي يشير إلى Google:
استخدام HTML5Shiv بسيط للغاية. بالنظر إلى أن IE9 يدعم HTML5 ، تحتاج فقط إلى إضافة الرمز التالي إلى رأس الصفحة:
<!-[إذا lt ie 9]>
<script src = "dist/html5shiv.js"> </script>
<! [endif]->
انسخ الرمز أعلاه إلى جزء الرأس ، تذكر أن يكون الجزء الرئيسي (لأن IE يجب أن يعرف هذا العنصر قبل تحليل العنصر ، لذلك لا يمكن استدعاء ملف JS هذا في مواقع أخرى ، وإلا فإنه سيكون غير صالح)
بالطبع ، يمكنك أيضًا إخراج الكود والقيام بذلك بنفسك:
(function () {if (!/*@cc_on!@*/0) return ؛ var e = ABBR ، مقال ، جانبا ، الصوت ، القماش ، عازف البيانات ، التفاصيل ، الحوار ، الأحداث ، الشكل ، تذييل ، رأس ، HGROUP ، MARK ، القائمة ، العداد ، NAV ، الإخراج ، التقدم ، القسم ، الفيديو ،
أخيرًا ، أضف هذه الفقرة إلى CSS:
/*html5*/ article ، جانبا ، مربع الحوار ، تذييل ، رأس ، قسم ، تذييل ، NAV ، الشكل ، القائمة {display: block}
أساسا ، دع علامات HTML5 هذه يتم حظرها ، مثل div.
حسنًا ، دعونا لفترة وجيزة ، في جملة واحدة ، هو: اقتباس html5.js لجعل علامة HTML5 في كتل