ما هي لغة XHTML ؟
لغة XHTML هي اختصار لـ EXtensible HyperText Markup Language وهي دمج بين لغة HTML ولغة XML
وهي مطابقة تقريبا للإصدار 4.01 من لغة HTML ولكنها تتسم بأنها لغة نظيفة وأكثر صرامة وأكثر ترتيبا وتنظيما من HTML ومدعومة من جميع المتصفحات الرئيسية ، باختصار هي الإصدار المطور والمطابق للمعايير القياسية العالمية للغة HTML .

أهم الفروقات بين HTML و XHTML
على عكس لغة HTML العادية التي قد تتغاضى عن حالة الأحرف التي قد تكون كبيرة Capital أو صغيرة Small فإن حالة الأحرف في XHTML لابد وأن تكون صغيرة Small فقط
المثال التالي خطأ
كود:
<BODY>
<P>This is a paragraph</P>
</BODY>
هذا المثال هو الصحيح
كود:
<body>
<p>This is a paragraph</p>
</body>
لغة HTML العادية قد تتغاضى عن تجاهلك لكتابة بعض وسوم الغلق ، إلا أن XHTML تجبرك على غلق كافة الوسوم
المثال التالي خطأ
كود:
<p>This is a paragraph
<p>This is another paragraph
هذا هو الصحيح
كود:
<p>This is a paragraph</p>
<p>This is another paragraph</p>
لغة HTML العادية تتغاضى عن غلق الوسوم الفارغة عن طريق وضع علامة / ، لكن XHTML تجبرك على وضع علامة / لغلق الوسوم الفارغة
هذا المثال خطأ
كود:
<br>
<hr>
<img src="picture.jpg">
هذا هو الصحيح
كود:
<br />
<hr />
<img src="picture.jpg" />
وأخيرا فإن HTML العادية تتغاضى عن عدم ترتيبك لوسوم الفتح والغلق ، ولكن XHTML تجبرك على الترتيب بحيث تبدأ في غلق آخر وسم مفتوح وتنتهي بغلق أول وسم مفتوح كما في المثال التالي
هذا المثال خطأ
كود:
<b><i><u>This text is bold, italic and underline</b></i></u>
هذا هو الصحيح
كود:
<b><i><u>This text is bold, italic and underline</u></i></b>
قد تتساءل:
ما الذي يجبرني على اتباع هذه اللغة الصارمة واجتناب سهولة لغة HTML العادية ؟
الجواب هو أن لغة XHTML عبارة عن مشروع نظيف ، حيث كل محتوى سيكون في مكانه المخصص ، حتى يكون من السهل جدًا البحث عن تعديل محتوى ما وسط تلك الأكواد مما يساعدك على جعل أكوادك منسقة ومنظمة جيدًا وخالية من الوسوم اللاقياسية ، والذي بالمقابل يجعل صفحتك سهلة التعديل والتحديث ، وحتى يمكن دمجها بعد ذلك مع CSS (الذي سنتطرق إليه لاحقا إن شاء الله بشيء من التفصيل).

وسوم إلزامية عند إنشاء أي صفحة XHTML
توجد وسوم لابد من وجودها في أي صفحة ويب تنشئها وهي
وسم فتح الصفحة
كود:
<html>
وسم رأس الصفحة والذي يحتوي على أكواد أخرى هامة ولكن لا تظهر بشكل مباشر في الصفحة
كود:
<head>
وسم عنوان أو اسم الصفحة ، ومكانه بين وسم فتح وغلق كود رأس الصفحة <head>
كود:
<title>
وسم محتوى الصفحة
كود:
<body>
بالإضافة إلى الكود التالي الذي سيكون موجودًا في بداية كل صفحة ويب تنشئها وقبل كتابة كود فتح html وذلك لإخبار المتصفح أن الصفحة التالية مطابقة للغة XHTML
كود:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
والخلاصة أن الكود التالي هو الطريقة الصحيحة لكود نظيف وإلزامي يجب أن يكون موجودا بكل صفحة تنشئها (لست مضطرا إلى حفظ الكود بل يكفيك نسخه والاحتفاظ به في ملف عندك وقم بلصقه في كل صفحة جديدة تنشئها)

كود:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Title of document</title>
</head>

<body>
Your Page Content
</body>

</html>


رابط الحلقة السابقة
http://www.nilemotors.net/Nile/415799-html-2-a.html