تحسينات على ميزات IE8 لمطوري الويب

في 20 مارس 2009، أصدرت Microsoft الإصدار الرسمي من Windows Internet Explorer 8 (IE8) للعالم، والذي أصبح محط اهتمام الناس. يعد IE8 هو الإصدار الأكثر توافقًا مع المعايير حتى الآن، وهو يدعم بشكل كامل المستوى 2.1 من أوراق الأنماط المتتالية (CSS)، وقد تم تعزيز دعمه لـ CSS 3 وHTML 4.01، ويمكنه أيضًا دعم HTML 5 بشكل جيد. بفضل الدعم المحسن لعناصر HTML هذه، يستطيع مطورو الويب الآن إنشاء علامات HTML أكثر تعبيرًا ويمكن الوصول إليها. ستستكشف هذه المقالة التغييرات التي طرأت على سلوك دعم HTML وCSS في IE8 وكيفية تأثير هذه التغييرات على مطوري الويب.

تحسينات HTML

لمساعدة المطورين على الاستفادة الكاملة من العناصر التي يوفرها HTML 4.01 وتفسير المعنى الدلالي الذي يتوقع مطورو الويب التعبير عنه بشكل أفضل، تمت ترقية Windows Internet Explorer بدعم عناصر العرض التالية:

• العنصر P : يمثل فقرة منطقية.
• عنصر الكائن : يمكن أن يمثل أي كائن، بما في ذلك الصور.
• يرسل عنصر الزر سمة القيمة الخاصة به بدلاً من لغة HTML الداخلية، مما يعني أن عنصر الزر يمكنه الآن استخدام نظام FORM عبر المستعرضات.
• أصبحت طريقة getElementByIdNAME الآن حساسة لحالة الأحرف ولم تعد تستخدم السمات لعمليات البحث غير المناسبة.
• أصبح الأسلوب setAttribute الآن غير حساس لحالة الأحرف، مما يعني أنك لم تعد بحاجة إلى استخدام حالة "camelCase" (مثل "camelCaseWord") عند تحديد السمات. كما أنه يحدد بشكل صحيح سمات HTML مثل CLASS وFOR.

يضيف P تلقائيًا علامة إغلاق العنصر

يقوم عنصر P الذي لا يحتوي على علامة إغلاق تلقائيًا بإضافة علامة إغلاق فورًا عندما يتبعها عنصر TABLE أو FORM أو NOFRAMES أو NOSCRIPT.

<أتش تي أم أل>
<الرأس>
<title>مثال بسيط لنهاية عنصر P</title>
<meta http-equiv="X-UA-Compatible" content="IE8"/>
</الرأس>
<الجسم>

<p>هذه هي الفقرة الأولى</p>

<p style="margin-left:30px">هذه هي الفقرة الثانية. <!-- P غير مغلق -->

<table border="1px" cellpadding="2px"><tr><td>هذه خلية جدول. </td></tr></table>

<p>هذه هي الفقرة الثالثة. </ص>

</الجسم>
</html>

في هذا المثال، يفتقد عنصر P الثاني علامة الإغلاق. عند عرضه باستخدام Windows Internet Explorer 7، يظهر عنصر TABLE كعنصر تابع للعنصر P الثاني. يتم وضع مسافة بادئة للعنصر P الثاني بمقدار 30 بكسل من الهامش الأيسر للنافذة. نظرًا لأن TABLE تابع للعنصر P، فإنه يتم أيضًا وضع مسافة بادئة له من الهامش الأيسر للنافذة. ومع ذلك، عند عرضه في الوضع الافتراضي لبرنامج Windows Internet Explorer 8، تتم محاذاة عنصر TABLE مع الهامش الأيسر. نظرًا لأن Windows Internet Explorer 8 يضيف تلقائيًا علامة الإغلاق المفقودة لعنصر P قبل عرض عنصر TABLE، فإن عنصر TABLE ليس عنصرًا فرعيًا لعنصر P الثاني في IE8.

عرض الصور باستخدام عناصر OBJECT

يمكن لـ Windows Internet Explorer 8 عرض الصور باستخدام عنصر OBJECT. عند استخدام هذا العنصر لعرض الصور في المتصفحات القديمة، فإنه غالبًا ما يضيف تلقائيًا أشرطة التمرير والحدود إلى الصورة، مما يؤدي غالبًا إلى عرض الصورة بشكل غير صحيح.

في Windows Internet Explorer 8، يعرض عنصر OBJECT الصور كما لو كانت مضمنة باستخدام عنصر IMG. لاستخدام هذا السلوك في صفحة ويب، قم بتعيين سمة DATA لعنصر OBJECT على عنوان URL للصورة. يمكنك أيضًا تضمين dataURL في سمة DATA.
لجعل Windows Internet Explorer يقوم بتحميل الصور إلى عناصر OBJECT التي تستخدم السلوك القديم، حدد وضع التوافق القديم لصفحة الويب أو قم بتعيين سمة TYPE لعنصر OBJECT على text/html.