مصطلحات ينبغي معرفتها قبل قراءة هذا
الدرس:
الوسم: وهو كود HTML مثل <p> أو <font> أو
<img>.
قبل أن تبدأ في
دراسة لغة XHTML ومعرفة قواعدها
يجب أن تعرف ماهي الدوافع لذلك؟
وماالذي ستجنيه من جعل موقعك مطابق لمعايير XHTML؟؟
- تُعرف
XHTML بأنها دمج بين لغة HTML المعروفة و XML
- الصفحات المصممة
باستخدام XHTML تظهر بنفس الكيفية وبطريقة صحيحة على جميع المتصفحات
- يكفي
أن تعرف أن XHTML هي لغة المستقبل فينبغي الالتزام بها اليوم قبل غدا
ً
ماذا عن كيفية الكتابة بلغة XHTML؟ وهل
تختلف كثيراً عن اكواد HTML العادية؟ أكواد XHTML ليست مختلفة
كثيراً عن HTML العادية، وأهم الاختلافات فيها هي:
- كود XHTML يجب
أن يكون مرتباً جيداً
- يجب دائماً اغلاق وسوم XHTML
- يجب
كتابة الوسوم والاكواد بالحروف الصغيرة فقط دون الكبيرة
- يجب أن
تحتوي الصفحة على وسم واحد رئيسي تتفرع جميع الوسوم منه
كلام غامض وغير مفهوم؟
طيب اليك التوضيح في السطور التالية
أولاً: كود 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 العادية
وبعد تمعنك في اللغة اكثر
ستصل لفكرة كاملة عن الاختلافات