الفرق بين لغة HTML و لغة xHTML كثيرا ما مر معي في دروس قبل كلمتي xhtml و html ، لكنني لم أبين الفرق بينهما ظنا مني أنها شيء عادي و الكل يعرف الفروقات بين هذه التقنيات ، لكن عند الطلب وجب الشرح ، و سيكون درسنا اليوم ان شاء الله تعالى عبارة عن أفكار نشرحها واحدة تلو الأخرى و نحاول أن نقرب لإخواننا الفرق بين هتين اللغتين – إن شاء الله – و نبدأ باسم الله ..
1 – الفرق بين html و xhtml سنحاول أن نلخص الاختلافات الموجودة في نقاط سريعة :
* بداية االصفحات : حيث تتمثل بداية صفحة html عادية هكذا : كود:
معلومات الرأس
هنا محتوى الصفحة
أما صفحة xhtml فهي تبتدأ كالتالي :
كود:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
و نلاحظ زيادة سطرين في xhtml و هما خاصان بتحديد بنية الصفحة :
كود:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
هنا نحدد أن الصفحة عبارة عن xhtml و ليست html ، وهي من نوع Transitional اما السطر الثاني وهو :
كود:
xml:lang="en">
فهنا نحدد اللغة التي ستبنى عليها الصفحة وهي في المثال en اي انجليزية امكانية اضافة اللغة لكل عنصر من عناصر الصفحة في xhtml : حيث لو أردنا أن يكون عنصرا ما داخل الصفحة بلغة أخرى ، يمكننا اعطاؤه قيمة اللغة الملائمة مثلا داخل صفحة انجليزية يمكنني تحديد عنصر عربي هكذا :
كود:
عنصر عربى
في xhtml فإن الأكواد حساسة لحالة الأحرف ، و تكتب دائما صغيرة ( small ) و ليس كبيرة ( capital ) ، مثلا :
كود:
Fez-Soft
صحيحة و :
كود:
Fez-Soft
Fez-Soft
خاطئة مائة بالمائة في XHTML كل الأوسمة يجب غلقها بلا استثناء مثال :
كود:
Fez-Soft
حيث أن ما فتحته لابد من اغلاقه ، حتى العانصر التي من نوع self close التي لا تغلق في html لابد من غلقها في xhtml ، مثل img و br و input و link و meta يتم غلقها بإضافة مسافة و / في آخرها قبل اغلاقها ، امثلة من دون ترتيب :
كود:
/> media="screen" /> />
في html تكتب هكذا من غير غلق :
كود:
/>
وعدم غلقها خطأ في المعايير القياسية في xhtml جميع الخصائص لابد ان تكون داخل علامتي تنصيص
كود:
href="http://www.fez-soft.net">fez-soft
اما كتابتها كما في html هكذا يعد خطآ في المعايير :
كود:
>fez-soft
في xhtml يجب مراعاة ترتيب الفتح و الاغلاق للأوسمة :
كود:
href="http://www.fez-soft.net">fez-soft
بدأت بـ div و بعدها p و بعدها a ، فلابجد ان اغلق كل واحد على حدا و بالترتيب ، اغلق a و بعدها p و بعدها div اما تجاهل الترتيب فيعد خطأ في xhtml و ان كان يتجاهل في html مثلا :
كود:
href="http://www.fez-soft.net">fez-soft
في xhtml لابد من احترام ترتيب العناصر الكبيرة و الصغيرة ، من حيث نوعها ، فكما تعلمون فإن العناصر نوعين في html block & inline block : و هي التي تضم بداخلها أنواع block و inline inline : و هي التي لا تضم بداخلها الا أنواع inline أنواع block مثل : div , p , table انواع inline مثل : a , img , span , small لذلك فإن الكتابة التالية صحيحة :
كود:
href="http://www.fez-soft.net">fez-soft
لكن هذه خاطئة لعدم احترام هذا الشرط :
كود:
href="http://www.fez-soft.net">
fez-soft
*
حيث أن a من نوع inline هنا احتوت على div و هي من انواع block
2 – فوئد !!
* xhtml اكثر تركيزا و تدقيقا في الأكواد من html * xhtml مختزل و سلس و مفهوم لكل المتصفحات و محركات البحث * xhtml من مميزات جيل الويب 2.0 * html المقصود في الشرح وهو html 4 ، و مع صدرو html 5 ان شاء الله سنحاول عمل دروس مخصصة له في المدونة
أرجو ان تكون الاختلافات ظاهرة و كل شيء بين ، كما أنني لا أظن أنه بعد قراءة المقال هناك من سيعتمد في مشاريعه على