مقالة مقدمة من wulin.com (www.vevb.com): كيفية جعل IE دعم عناصر HTML5 الجديدة.
عندما نستخدم عناصر HTML5 الجديدة ، فإن العلامات التي يمكن أن تؤدي أداءً جيدًا في المتصفحات الأخرى (مثل القسم ، المقالة ، الرأس والتذييل) تشكل تحديًا لمتصفح IE. سبب المشكلة هو آلية التحليل لمتصفح IE. عناصر العلامات هذه التي لا يمكن أن تكون غير معروفة إلى عرض خطأ لكائنات المستند.
لتوضيح هذه المشكلة ، يرجى الاطلاع على الرمز القصير التالي:
1
2
3
4
5
<body>
<section>
<p> هذا مثال </p>
</القسم>
</body>
من الغريب أن IE6-IE8 لا يمكن تحليل علامة <section> ، مما تسبب في أن تبدو عقدة DOM مثل ما يلي:
لاحظ أن IE Browser ينشئ عنصرين فارغين. واحد هو قسم والآخر هو /القسم. صحيح أن الأمر يستغرق علامة النهاية التي لم يتم التعرف عليها كعلامة بداية.
فيما يلي طريقة مريحة لحل هذه المشكلة ، والتي تم تنفيذها لأول مرة. المفهوم الأساسي لهذه الطريقة هو إنشاء عناصر غير معروفة باستخدام document.createElement (tagName). سوف يتعرف محلل IE على هذه العناصر ويحللها وعرضها بطريقة أكثر منطقية وفعالية. على سبيل المثال ، يمكننا استخدام الكود التالي:
1
document.createElement (القسم) ؛
وبهذه الطريقة ، سيبدو الرمز أعلاه مثل ما يلي بعد التحليل:
تتيح هذه التكنولوجيا IE6 و IE7 و IE8 لتحليل عناصر غير معروفة.
للراحة ، كتب Remy Sharp قطعة من التعليمات البرمجية التي يمكن أن تعزز عرض عناصر HTML5 الجديدة ، والتي يمكنك تنزيلها واستخدامها بسهولة.
هذا الرمز صحيح بالنسبة للمتصفحات الأخرى ، مثل Opera 9 و Firefox 3 و Safari 3 ، لتحليل هذه العناصر الجديدة بشكل افتراضي. على الرغم من وجود بعض المشاكل في Firefox2 ، لم يتم العثور على حل لهذه المشاكل. ومع ذلك ، بالمقارنة مع سرعة تحديث IE ، فإن Firefox ليس مشكلة.
لا يمكننا تطبيق الملصقات التي أنشأتها هذه الطريقة لطباعة الأنماط. إذا كنت تريد معرفة ما إذا كان نمط الطباعة IE صحيحًا ، فيرجى التحقق من المقالة التالية عناصر HTML5 في متصفح IE (أي حامي الطباعة)
الصينية الأصلية: كيفية جعل أي دعم عناصر HTML5 الجديدة
اللغة الإنجليزية الأصلية: دعم عناصر جديدة في IE