تعريف الصفحة

وسم تعريف الصفحة <!DOCTYPE> اجباري

تتألف صفحة XHTML من ثلاث أقسام رئيسية :

  • تعريف وتحديد نوع الصفحة DOCTYPE
  • قسم <head>
  • قسم <body>

بنية الصفحة البسيطة في XHTML هي :

<!DOCTYPE>
<html>
<head>
<title>... </title>
</head>
<body> ... </body>
</html>

ملاحظة : يرمز وسم <!DOCTYPE> الى Document Type Definition (DTD) أي تحديد نوع الصفحة . يحدد نوع الصفحة قواعد لغة الترميز التشعبية وبذلك يعرف المتصفح ماهية المحتوى بشكل جيد .


مثال عن صفحة XHTML

يظهر المثال التالي صفحة XHTML بأقل عدد وسوم ممكنة وهي :

<!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>
<title>عنوان الصفحة</title>
</head>
<body>
</body>
</html>

 

صفحة XHTML 1.0 بنوع متغير Transitional

تحتوي DTD على جميع وسوم XHTML ولواحقهم و تتضمن وسوم حساسة أو منتهية الصلاحية (مثل font و center) كما أن نوع اضافة الإطارات frames غير مسموحة بهذا النوع كما يجب كتابة وسوم XHTML بشكل صحيح ومرتب كما في XML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

صفحة XHTML 1.0 بنوع اطارات Frameset

هذا النوع من DTD مشابه الى النوع المتغير الا أنه يسمح باضافة الإطارات frames إلى المحتوى

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

صفحة XHTML 1.1

ان تعريف الصفحة DTD مشابه للنوع XHTML 1.0 الثابت ولكن تسمح لك باضافة تركيبات أخرى (مثل دعم اللغات شرق آسيا) .

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

كيف تستخدم XHTML بشكل صحيح ؟؟!

يمكنك اتباع هذه الخطوات لتتعلم كيفية تحويل صفحة HTML الى XHTML من خلال 6 خطوات بسيطة :

1. أضف تعريف الصفحة <!DOCTYPE>

أضف تعريف صفحة XHTML وهو <!DOCTYPE> في بداية كل صفحة :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ملاحظة : يجب اضافة تعريف الصفحة <!DOCTYPE> ان أردت أن تكون صفحاتك فعالة مع لغة XHTML


2. أضف اللاحقة xmlns

قم بإضافة اللاحقة xmlns اى عناصر html لكل صفحة ويب :

<html xmlns="http://www.w3.org/1999/xhtml">

ملاحظة : تحدد اللاحقة xmlns الاسم المثالي في xml لصفحة الويب والتي تتطلب حصرياً صفحة XHTML


3. قم بتغيير اسماء الوسوم واللواحق الى أحرف صغيرة Lowercase

ان وجود خاصية “ايجاد واستبدال” مفيدة جداً لتحويل جميع أسماء الوسوم من أحرف كبيرة الى صغيرة كما يمكن فعل نفس الشيء مع اسماء اللواحق .


4. ضع جميع قيم اللواحق ضمن أقواس الاقتباس

قم بفحص كل صفحة للتأكد بأن جميع القيم تم وضعهم ضمن أقواس الاقتباس .


5. قم بإغلاق جميع الوسوم الفارغة

لاتقبل الوسوم الفارغة في XHTML . يجب استبدال الوسوم <hr> و <br> بوسوم مغلقة
مثل <br />و <hr /> .ان وجود خاصية “ايجاد واستبدال” مفيدة جداً لتبديل تلك الوسوم بأخرى مثيلة مغلقة .

قم بإغلاق وسم الصور <img> من خلال اضافة “/” في نهايتها مثل <img src=”#” />


6. قم بفحص صفحتك الويب من خلال الفاحص التابع لمنظمة الويب W3C

قبل فحص صفحتك XHTML يجب اضافة تعريف صفحة صحيح DTD في أول سطر لكل صفحة ويب .

يمكن التأكد من صحة وفعالية صفحنك من خلال الرابط التالي :


http://validator.w3.org
يمكن تصحيح الأخطاء (إن وجدت) .