التعليق: يوفر HTML5 للمطورين العديد من العلامات الجديدة ، مثل القسم ، NAV ، المقالة ، الرأس والتذييل. هذه العلامات دلالية للغاية وسيتم استخدامها بشكل متكرر ، لكن لم يتم التعرف عليها واستخدامها بشكل طبيعي في المتصفحات القديمة مثل IE6 و IE7 و IE8 و Firefox 2. لقد أغضب ذلك دائمًا من العديد من مستخدمي الإنترنت. بعد ذلك ، كيفية القضاء على هذا الغضب
يوفر HTML5 للمطورين العديد من العلامات الجديدة ، مثل القسم ، NAV ، المقالة ، الرأس ، تذييل ، إلخ
لماذا لا تستطيع المتصفحات القديمة التعرف على هذه العلامات؟في الواقع ، فإن الخطأ ليس هو المتصفح ، لأن هذا النوع من العلامات لم يكن موجودًا على الإطلاق في تلك الحقبة ، لذلك لا يمكن تحديده بشكل صحيح. هذا التعرف على العلامة غير المعتاد يجعل بنية DOM غير طبيعية.
لدينا رمز الاختبار على النحو التالي. إنه محتوى مقال مع العنوان والكلمات الزرقاء ، ويستخدم محتوى المقالة علامة المقالة.
<! doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml" lang = "zh-cn">
<head>
<meta charset = "utf-8" />
<title> اختبار </title>
<style>
المادة {color:#06f ؛}
</style>
</head>
<body>
<H1> عنوان المقالة </h1>
<article>
هذا هو محتوى المقالة ، يجب أن يكون قطعة من النص الأزرق. في المتصفحات القديمة ، إذا لم تفعل الاختراقات ، فسيتم عرض استثناء.
</article>
</body>
</html>
في IE8 ، يتم عرض ما يلي.
لا يمكن لـ IE8 التعرف على علامة المقالة ، ونمط CSS المحدد على العلامة ليس له أي تأثير. في IE8 ، يتم تفسير <article> على أنهما عنصرين فارغين تسمى <article /> و < /article /> ، والتي يتم سردها كعقد أخي جنبا إلى جنب مع محتوى المقالة ، كما هو موضح في الشكل أدناه.
كيفية استخدام علامات HTML5 في المتصفحات القديمة؟نظرًا لأنه لا يمكن استخدامه لأنه لا يمكن التعرف عليه ، فإن الحل هو جعل العلامات معترف بها. لحسن الحظ ، يمكن ببساطة استخدام Document.CreateElement (tagName) السماح للمتصفح بالتعرف على العلامة ومحرك CSS يعرف وجود العلامة. لنفترض أن الكود التالي يضاف إلى منطقة <Head> من مثالنا أعلاه.
<script>
document.createElement ('article') ؛
</script>
سيصبح تفسير DOM في IE8 الرقم التالي.
وبطبيعة الحال ، يظهر النص أيضًا باللون الأزرق العادي.
خاتمةتحولت المدونة منذ فترة طويلة إلى كتابة HTML5 ، ولكن نظرًا لأن العديد من المستخدمين لا يستخدمون أحدث المتصفح ، فقد استخدموا مجموعات علامات HTML4. العديد من العلامات في HTML5 هي الدلالية والعملية. لقد بدأت أيضًا في تجربة بعض العلامات الشائعة الاستخدام ، والآن يستخدمون علامات المقالة والوقت.