كما سبق وقلت من قبل..
إذا أردت تعلم CSS فلا بد لك من تعلم لغة XHTML .
تمت تسمية اللغة باسم XHTML لأن بنيتهـا تعتمد على HTML و XML
ال XML تعتمد على أنك إن قمت بفتح وسم مثلا <code> سيكون إجبارياً عليك أن تغلقه ب </code>
لكن XHTML لا تعتمد على وسوم XML بل تعتمد على وسوم HTML العادية التي سكون عليك إغلاقهـا وترتيبها على طريقة XML .
إن كنت تعلم HTML فأنت بأمان لسبب بسيط..
أن HTMLو XHTML هي لغة واحدة
الفرق الوحيد هو ان XHTML أكثر تنظيماً, ترتيباً و نظافة من HTML لعدة أسباب :
- حيث أن html لا تهتم بوجود الوسوم html و head و body و DOCTYPE ..في الصفحة لكن ال Xhtml تعتبرهم من الضروريات.
- حيث html تسمح لك بتجاهل إغلاق بعض الوسوم, ال XHTML تصر على إغلاق كل وسم منهـا, حتى الوسوم الفارغة.
مثـال:
في ال html , الوسوم الفارغة ليس لديهـا “/” نهائية , والقيمة ليس لديهـا علامات التنصيص:
- الكود:
-
<img src=http://image.jpg>
لكن في XHTML حتى العناصر الفارغة يجب أن يكون لديها وسم إغلاق. ويجب أن تكون القيمة بين علامات التنصيص:
- الكود:
-
<img src="http://sss.jpg" />
في html بعض الوسوم مثل p لا تستوجب أن يتم إغلاقهـامثال:
- الكود:
-
<p>هذه مجرد تجربة لفقرة أولى
<p>وهذه تجربة أخرى لفقرة تحتوي على <em>وسم اخر</em>
أمـا في XHTML لا بد من إغلاق الوسوم - الكود:
-
<p>هذه مجرد تجربة لفقرة أولى </p>
- الكود:
-
<p>وهذه تجربة أخرى لفقرة تحتوي على <em>وسم اخر</em>
</p>
أيضاً في html لا يهم إذا كتبت الأكواد بحروف كبيرة أو صغيرة - الكود:
-
<img src=http://sss.jpg>
أمـا في Xhtml جميع الوسوم يجب أن تكون بحروف صغير - الكود:
-
<img src="http://sss.jpg" />
ربمـا تتسائل هل تستحق هذه الشروط أن يتم الإهتمام بهـا. الجواب هو .. هذا يعتمد.
XHTML تقدم العديدة من الإيجابيات. فكر في مشروع نضيف, حيث كل محتوى
سيكون في مكانه المخصص. سيكون من السهل جداً البحث عن تعديل محتوى مـا وسط
تلك الأكواد التي نضمتهـا. ال Xhtml يساعدك على جعل أكوادك منسقة و منضمة
جيداً, وخالية من الوسوم اللا قيساسية , والذي بالمقابل يجعل صفحتك سهلة
التعديل والتحديث, دمجهـا مع CSS.
ربمـا واحدة من أفضل إيجابيات Xhtml هو أنه يصر على المعايير التي
تجعله مثل القانون بالنسبة لصفحات الويب والذي يجعله مدعومـاً من جميع
المتصفحات حيث تستطيع فهم أكواده المنضمة بسهولة كبيرة.