الفرق بين HTML و XHTML
ربما سمعتم باسم html, و xhtml سابقاً و لكن هل هما لغة واحدة أم هناك فرق بينهما
يمكن القول بعبارة واحدة أن لغة xhtml هي اصدار منسق و أكثر صرامة و انضباطاً من html
وقبل الخوض في الفروق أحب أن أنوه إلى أنها سميت xhtml اختصاراً لـ :
XML-Extensible Markup Language و الغرض الأساسي من وجودها هو التوافق مع لغة xml ووضع معايير هذه اللغة جمعية تحديد معايير شبكة الانترنت
( World Wide Web Consortium W3C )
الآن إلى الفروقات
1- يبدأ كود xhtml بما يلي :
كود بلغة HTML:
<!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>
طبعاً حتى الوصول إلى وسم الرأس head
و كملاحظة فإن بعض البرامج مثل expression web يبدأ بها تلقائياً
صورة:
و هو من البرامج المفيدة لكتابة أكواد xhtml حيث يراعي وينبه عند حدوث خطأ
كما رأينا الفرق الأول
في حين أنه في html يمكن أن يكون الكود كما يلي:
كود بلغة HTML:
<html>
<head>
</head>
<body>
</body>
</html>
وذلك دون التقيد بالشروط السابقة
2- الفرق الثاني : في لغة xhtml يجب أن تكون كافة الأحرف صغيرة small letter
أما في html فليس هناك فرق
مثال : كود Html
كود بلغة HTML:
<html>
<head>
</head>
<body>
<P>tahasoft</p>
</body>
</html>
كود xhtml
كود بلغة HTML:
<!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>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 5</title>
</head>
<body>
<p>tahasoft</p>
</body>
</html>
لاحظ أننا كتبنا الـوسم p بحرف كبير و في الثاني بحرف صغير
على كل حال اكتب دوماً كل شي بأخرف صغيرة
3- يجب إغلاق الوسوم في xhtml و هذا من أهم الفروق في الكتابة بينهما
مثال:
لو كتبنا في html :
كود بلغة HTML:
<hr></hr>
<b>wow
<br>
<i>play
يجب أن يكتب بالطريقة التالية في xhtml
كود بلغة HTML:
<hr></hr>
<b>wow</b>
<br/>
<i>play</i>
وفي برنامج expression web ينبهنا بلون أصفر على الوسوم الغير مغلقة

ملاحظة هناك بعض الوسوم التي ليس لها محتوى مثل وسم br الذي يقوم بإنشاء سطر جديد
و يمكن كتابته في Html كما يلي :
أما في html يجب إغلاقه و يكون الإغلاق بإحدى الشكلين التالييين
أو
و الأول أكثر شيوعاً
ومثله وسم إدراج صورة img ووسم الخط الأفقي hr .................
4 - يجب أن تحصر القيم بين علامتي تنصيص في xhtml
مثال :
كود بلغة HTML:
<img src="logo.jpg"/>
يمكن كتابة الكود السابق في html كما يلي:
كود بلغة HTML:
<img src=logo.jpg>
لاحظ أني لم أضع علامات التنصيص و لم أغلق الوسم img
مثال آخر :
xhtml
كود بلغة HTML:
<a href="www.tahasoft.com"/>
Html:
كود بلغة HTML:
<a href=www.tahasoft.com>
و بهذا أكون قد سلطت الضوء على أهم الفروق بينهما
و في دورتنا المتبعة في هذا القسم فإن ما نعتمده هو xhtml ان شاء الله
رغم أني سميت الدورة html لأن الجدد قد لا يعرفون أن هناك بعض الفروق