مقالة مقدمة من wulin.com (www.vevb.com): تحولت المدونات منذ فترة طويلة إلى كتابة HTML5 ، ولكن العديد من المستخدمين لم يستخدموا أحدث المتصفح ويستخدمون مجموعات علامات HTML4. HTML5 لديه العديد من العلامات الدلالية والعملية. لقد بدأت أيضًا في تجربة بعض العلامات الشائعة الاستخدام ، والآن أستخدم علامات المقالة والوقت.
يوفر HTML5 للمطورين العديد من العلامات الجديدة ، مثل القسم ، NAV ، المقالة ، رأس وتذييل. هذه العلامات دلالية للغاية وسيتم استخدامها بشكل متكرر ، ولكن لا يمكن الاعتراف بها واستخدامها بشكل طبيعي في المتصفحات القديمة مثل IE6 و IE7 و IE8 و Firefox 2.
لماذا لا تستطيع المتصفحات القديمة التعرف على هذه العلامات؟
في الواقع ، فإن الخطأ ليس هو المتصفح ، لأن هذا النوع من العلامات لم يكن موجودًا على الإطلاق في تلك الحقبة ، لذلك لا يمكن تحديده بشكل صحيح. هذا التعرف على العلامة غير المعتاد يجعل بنية DOM غير طبيعية.
لدينا رمز الاختبار على النحو التالي. إنه محتوى مقال مع العنوان والكلمات الزرقاء ، ويتم تصنيف محتوى المقالة على المقالة.
<! doctype html><html xmlns = 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 لديه العديد من العلامات الدلالية والعملية. لقد بدأت أيضًا في تجربة بعض العلامات الشائعة الاستخدام ، والآن أستخدم علامات المقالة والوقت.