Header Ads

أيهما أستخدم HTML أو XHTML ؟



تعتبر لغة XHTML أوضح نسخة من لغة HTML




ماهي لغة XHTML


  • هي اختصار EXtensible HyperText Markup Language أي لغة الترميز التشعبية الموسّعة .

  • تعتبر لغة XHTML مشابهة للغة HTML 4.01

  • تعتبر لغة XHTML أوضح نسخة من لغة HTML

  • ان لغة XHTML هي نفسها لغة HTML ولكن محددة مع تطبيقات XML .

  • تم اطلاق XHTML من خلال منظمة الويب العالمية W3C في كانون الثاني 2000 .

  • تعتبر لغة XHTML مدعومة من خلال جميع المتصفحات الرئيسية .




لماذا XHTML ؟


العديد من صفحات الويب تحتوي على لغة HTML سيئة .
يعتبر الكود في المثال التالي صحيحاً ولكن لايتبع قواعد HTML الرئيسية .
<html>
<head>
<title>هذا استخدام سيء للغة HTML</title>
<body>
<h1>استخدام سيء
<p>هذه فقرة صغيرة

</body>




ان لغة XHTML هي نفسها لغة HTML 4.01 ولكن معاد تصميمها كلغة XML .
ان لغة XML هي لغة ترميز تشعبية حيث يجب أن تكون الصفحة مرمّزة بشكل صحيح ومكتوبة بأكواد صحيحة .
تتكون أسواق اليوم من تقنيات المتصفحات المختلفة . بعض المتصفحات تستخدم على الحاسوب والبعض الآخر تستخدم الهاتف المحمول أو أجهزة أخرى صغيرة . غالباً ماتفقد الأجهزة الصغيرة المصادر أو القوة لإنشاء لغة ترميز سيئة .
ولهذا تم تطوير و الجمع بين اللغات HTML و XHTML و XML .



الاختلاف الرئيسية مع لغة HTML


  • يجب ترتيب عناصر XHTML بشكل صحيح

  • يجب اغلاق جميع الوسوم في XHTML .

  • يجب أن تكون الوسوم في XHTML مكتوبة بأحرف صغيرة lowercase

  • يجب ان تحتوي صفحة XHTML على عنصر جذري واحد .




يجب ترتيب عناصر XHTML بشكل صحيح


في لغة HTML يمكن ترتيب العناصر بشكل خاطئ ضمن بعضهم البعض مثل هذا :

<b><i>هذا النص غامق ومائل</b></i>


ولكن في لغة XHTML يجب على جميع العناصر / الوسوم أن تكون مرتبة بشكل صحيح مع بعضهم مثل :

<b><i>هذا النص غامق ومائل</i></b>


ملاحظة : ان الخطأ الشائع في استخدام ترتيب الوسوم بشكل صحيح هو نسيان أن استخدام قائمة بداخل قائمة اخرى يجب أن تكون القائمة ضمن وسم

هذا المثال خاطئ :

<ul>
<li>القهوة</li>
<li>الشاي
<ul>
<li>شاي أسود</li>
<li>شاي أخضر</li>
</ul>
<li>الحليب</li>
</ul>


هذا المثال صحيح :

<ul>
<li>القهوة</li>
<li>الشاي
<ul>
<li>شاي أسود</li>
<li>شاي أخضر</li>
</ul>
</li>
<li>الحليب</li>
</ul>


لاحظ بأننا وضعنا وسم </li> بعد وسم </ul> في المثال الصحيح السابق .




يجب اغلاق جميع الوسوم في XHTML
يجب أن تغلق جميع الوسوم باستئناء الوسوم الفارغة  .

هذا المثال خاطئ :

<p>هذه فقرة
<p>هذه فقرة أخرى


هذا المثال صحيح :

<p>هذه فقرة</p>
<p>هذه فقرة أخرى</p>





يجب اغلاق الوسوم الفارغة


على الرغم من أن الوسوم الفارغة لاتحتوي على وسم لإغلاقها الا أنه يمكن اغلاقها من خلال اضافة "/" في آخر الوسم .

هذا المثال خاطئ :

سطر جديد <br>
خط فاصل <hr>
صورة <img src="happy.gif" alt="وجه ضاحك">


هذا المثال صحيح :

سطر جديد <br/ >
خط فاصل <hr />
صورة <img src="happy.gif" alt="وجه ضاحك" />





يجب أن تكون الوسوم في XHTML بأحرف صغيرة Lower Case


يجب أن تكون الوسوم واللواحق بأحرف انكليزية صغيرة .

هذا المثال خاطئ :

<BODY>
<P>هذه فقرة</P>
</BODY>


هذا المثال صحيح :
<body>
<p>هذه فقرة</p>
</body>





يجب أن تحتوي الصفحة على عنصر جدر واحد فقط في XHTML


يجب أن تكون عناصر XHTML مرتبة ضمن وسم جذر وحيد هووالعناصر التي توجد بداخله هي عناصر أصغر تحتوي على علاقة الآباء والأبناء . يجب أن تكون عناصر الأبناء ضمن قوسين ومكتوبة بشكل صحيح ضمن عناصر الآباء . بنية الصفحة الأساسية :......

<html>
<head> ... </head>
<body> ... </body>
</html>




يتم التشغيل بواسطة Blogger.