مقدمة مختصرة عن لغة xhtml - نسخة قابلة للطباعة

مصطلحات ينبغي معرفتها قبل قراءة هذا الدرس:
الوسم: وهو كود HTML مثل <p> أو <font> أو <img>.

قبل أن تبدأ في دراسة لغة XHTML ومعرفة قواعدها
يجب أن تعرف ماهي الدوافع لذلك؟ وماالذي ستجنيه من جعل موقعك مطابق لمعايير XHTML؟؟

تُعرف XHTML بأنها دمج بين لغة HTML المعروفة و XML
الصفحات المصممة باستخدام XHTML تظهر بنفس الكيفية وبطريقة صحيحة على جميع المتصفحات
يكفي أن تعرف أن XHTML هي لغة المستقبل فينبغي الالتزام بها اليوم قبل غدا
ً

ماذا عن كيفية الكتابة بلغة XHTML؟ وهل تختلف كثيراً عن اكواد HTML العادية؟
أكواد XHTML ليست مختلفة كثيراً عن HTML العادية، وأهم الاختلافات فيها هي:

كود XHTML يجب أن يكون مرتباً جيداً
يجب دائماً اغلاق وسوم XHTML
يجب كتابة الوسوم والاكواد بالحروف الصغيرة فقط دون الكبيرة
يجب أن تحتوي الصفحة على وسم واحد رئيسي تتفرع جميع الوسوم منه

كلام غامض وغير مفهوم؟ Smile

طيب اليك التوضيح في السطور التالية

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

كود :
<b><i>تجربة</b></i>

والكود الصحيح هو

كود :
<b><i>تجربة</i></b>

ثانياً: يجب دائماً اغلاق وسوم XHTML
يجب دائماً اغلاق الوسم بعد انتهاء الغرض منه...
كود خاطيء

كود :
<p>تجربة

كود صحيح

كود :
<p>تجربة</p>

كذلك يجب اغلاق الوسوم الفارغة، مثلاً ,<br> تكتب <br /> كذلك <img src="test.gif"> تكتب <img src="test.gif" />

ثالثاً: يجب كتابة الوسوم والاكواد بالحروف الصغيرة فقط دون الكبيرة
كود خاطيء

كود :
<p>تجربة</P>

كود صحيح

كود :
<p>تجربة</p>

رابعاً: يجب أن تحتوي الصفحة على وسم واحد رئيسي تتفرع جميع الوسوم منه
وهو شرط أن تكون اكواد الصفحة كلها متفرعة من الوسم <html>
كود صحيح

كود :
<html>

<head>....</head>

<body>....</body>

</html>

كانت هذه اهم الفروق بين XHTML ولغة HTML العادية
وبعد تمعنك في اللغة اكثر ستصل لفكرة كاملة عن الاختلافات