نحوية XHTML

كتابة رمز XHTML يتطلب نحو HTML نظيف

قواعد النحو المزيدية لـ XHTML:

  • يجب أن تكون أسماء الخصائص صغيرة
  • يجب أن تكون القيم معلقة
  • لا يمكن اختصار الخصائص
  • استخدام خاصية Id بدلاً من خاصية name
  • DTD لـ XHTML يحدد العناصر الإلزامية لـ HTML

يجب أن تكون أسماء الخصائص صغيرة

هذا خطأ:

<table WIDTH="100%">

هذا صحيح:

<table width="100%">

يجب أن تكون القيم معلقة

هذا خطأ:

<table width=100%>

هذا صحيح:

<table width="100%">

لا يمكن اختصار الخصائص

هذا خطأ:

<input checked>
<input readonly>
<input disabled>
<option selected>
<frame noresize>

هذا صحيح:

<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />
<frame noresize="noresize" />

هذا هو قائمة خصائص مختصرة لـ HTML، وكيفية تحويلها في XHTML:

HTML XHTML
compact compact="compact"
checked checked="checked"
declare declare="declare"
readonly readonly="readonly"
disabled disabled="disabled"
selected selected="selected"
defer defer="defer"
ismap ismap="ismap"
nohref nohref="nohref"
noshade noshade="noshade"
nowrap nowrap="nowrap"
multiple multiple="multiple"
noresize noresize="noresize"

استخدام خاصية id بدلاً من name

تحدد خاصية name في HTML 4.01 للعناصر التالية: a، applet، frame، iframe، img، وmap.

لا يُنصح باستخدام خاصية name في XHTML، يجب استبدالها بعنصر id.

هذا خطأ:

<img src="picture.gif" name="picture1" />

هذا صحيح:

<img src="picture.gif" id="picture1" />

نصيحة مهمة حول التوافق:

يجب أن تضيف مسافة إضافية قبل رمز "/" لضمان تطابق XHTML مع المتصفحات الحديثة.

خصائص اللغة (lang)

تطبيق خاصية lang على تقريبًا جميع عناصر XHTML. إنها تعرف نوع اللغة المستخدم في محتوى العنصر.

إذا تم استخدام خاصية lang في عنصر ما، يجب إضافة xml:lang الإضافية، مثل هذا:

<div lang="no" xml:lang="no">Heia Norge!</div>

العناصر الإلزامية في XHTML

جميع ملفات XHTML يجب أن تحتوي على إعلان نوع الملف (DOCTYPE declaration). يجب أن تكون هناك عناصر html، head، وbody في وثيقة XHTML، و يجب أن تكون عناصر العنوان (title) موجودة داخل عناصر head.

هذه هي نموذج قليل من ملف XHTML المعدل إلى الحد الأدنى:

<!DOCTYPE يذهب هنا Doctype>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>العنوان يذهب هنا</title>
</head>
<body>
</body>
</html>

نصيحة:بيان نوع الملف ليس جزءًا من مستند XHTML نفسه. إنه ليس عنصرًا من XHTML، وليس له علامة إنهاء.

نصيحة:في XHTML، يجب أن تكون الخاصية xmlns داخل علامة <html> ضرورية. ومع ذلك، حتى لو لم يكن هناك هذا الخصوصية في مستند XHTML، فإن أداة التحقق في w3.org لن تظهر خطأ. هذا لأن "xmlns=http://www.w3.org/1999/xhtml" هو قيمة ثابتة، وسيتم إضافة هذه القيمة إلى علامة <html> حتى لو لم تكن مضمونة في الكود.

ستتعلم في الفصل التالي المزيد عن إعلان نوع المستند في XHTML.