XHTML هو HTML مكتوب كـ XML.
ما هو XHTML؟
- XHTML تعني E X tensible H yper T ext M arkup L anguage
- مطابق تقريبًا لـ HTML
- أكثر صرامة من HTML
- هو HTML المعرفة كتطبيق XML
- مدعوم من قبل جميع المتصفحات الرئيسية
لماذا XHTML؟
تحتوي العديد من الصفحات على الإنترنت على HTML “سيء”.
يعمل رمز HTML هذا بشكل جيد في معظم المتصفحات (حتى إذا لم يتبع قواعد HTML):
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>
يتكون سوق اليوم من تقنيات متصفحات مختلفة. تعمل بعض المتصفحات على أجهزة الكمبيوتر ، وتعمل بعض المتصفحات على الهواتف المحمولة أو غيرها من الأجهزة الصغيرة. غالباً ما تفتقر الأجهزة الأصغر إلى الموارد أو القدرة على تفسير العلامات “السيئة”.
XML هي لغة ترميز حيث يجب ترميز المستندات بشكل صحيح (تكون “جيدة التنسيق”).
تم تطوير XHTML من خلال الجمع بين نقاط القوة في HTML و XML.
تم إعادة تصميم XHTML بتنسيق HTML كـ XML.
أهم الاختلافات من HTML:
هيكل الوثيقة
- XHTML DOCTYPE إلزامي
- سمة xmlns في <html> إلزامية
- <html> و <head> و <title> و <body> إلزامية
عناصر XHTML
- يجب أن تكون عناصر XHTML متداخلة بشكل صحيح
- يجب أن تكون عناصر XHTML مغلقة دائمًا
- يجب أن تكون عناصر XHTML صغيرة
- يجب أن تحتوي مستندات XHTML على عنصر جذر واحد
سمات XHTML
- يجب أن تكون أسماء السمات صغيرة
- يجب أن يتم نقل قيم السمات
- السمة إلى أدنى حد ممنوع
<! DOCTYPE ….> إلزامي
يجب أن يحتوي مستند XHTML على إعلان XHTML DOCTYPE.
يجب أن تكون عناصر <html> و <head> و <title> و <body> موجودة أيضًا ، ويجب أن تحدد سمة xmlns في <html> مساحة اسم XML للمستند.
يوضح هذا المثال مستند 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 of document</title>
</head>
<body>
some content
</body>
</html>
يجب أن تكون عناصر XHTML متداخلة بشكل صحيح
في HTML ، يمكن أن تتداخل بعض العناصر بشكل غير صحيح داخل بعضها البعض ، مثل هذا:
<b><i>This text is bold and italic</b></i>
في XHTML ، يجب أن تتداخل جميع العناصر بشكل صحيح داخل بعضها البعض ، مثل هذا:
<b><i>This text is bold and italic</i></b>
يجب أن تكون عناصر XHTML مغلقة دائمًا
هذا خطأ:
<p>This is a paragraph
<p>This is another paragraph
هذا صحيح:
<p>This is a paragraph</p>
<p>This is another paragraph</p>
يجب أيضًا إغلاق العناصر الفارغة
هذا خطأ:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
هذا صحيح:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />
يجب أن تكون عناصر XHTML في الحالة الأدنى
هذا خطأ:
<BODY>
<P>This is a paragraph</P>
</BODY>
هذا صحيح:
<body>
<p>This is a paragraph</p>
</body>
يجب أن تكون أسماء سمات XHTML في الحالة السفلية
هذا خطأ:
<table WIDTH="100%">
هذا صحيح:
<table width="100%">
يجب أن يتم اقتباس قيم السمات
هذا خطأ:
<table width=100%>
هذا صحيح:
<table width="100%">
سمة التقليل ممنوع
خطأ:
<input type="checkbox" name="vehicle" value="car" checked />
صيح:
<input type="checkbox" name="vehicle" value="car" checked="checked" />
خطأ:
<input type="text" name="lastname" disabled />
صيح:
<input type="text" name="lastname" disabled="disabled" />
كيفية التحويل من HTML إلى XHTML
- أضف XHTML <! DOCTYPE> إلى السطر الأول من كل صفحة
- أضف سمة xmlns إلى عنصر html في كل صفحة
- تغيير جميع أسماء العناصر إلى أحرف صغيرة
- أغلق كل العناصر الفارغة
- تغيير جميع أسماء السمات إلى أحرف صغيرة
- اقتبس جميع قيم السمات
One Comment