HTML مقابل XHTML
XHTML هو إصدار HTML أكثر صرامة يعتمد على XML.
ما هو XHTML؟
- XHTML تعني E X tensible H yper T ext M arkup L anguage
- XHTML هو إصدار HTML أكثر صرامة يعتمد على XML
- XHTML هو HTML معرّف كتطبيق XML
- XHTML مدعوم من قبل جميع المتصفحات الرئيسية
لماذا XHTML؟
XML هي لغة ترميز حيث يجب ترميز جميع المستندات بشكل صحيح (أن تكون "منسقة بشكل جيد").
تم تطوير XHTML لجعل HTML أكثر قابلية للتوسعة ومرونة للعمل مع تنسيقات البيانات الأخرى (مثل XML). بالإضافة إلى ذلك ، تتجاهل المتصفحات الأخطاء في صفحات HTML ، وتحاول عرض موقع الويب حتى لو كان به بعض الأخطاء في الترميز. لذلك يأتي XHTML مع معالجة أخطاء أكثر صرامة.
إذا كنت ترغب في دراسة XML ، فيرجى قراءة دروس XML الخاصة بنا .
أهم الاختلافات عن HTML
- <! DOCTYPE> إلزامي
- السمة xmlns في <html> إلزامية
- <html> و <head> و <title> و <body> إلزامية
- يجب أن تكون العناصر متداخلة بشكل صحيح دائمًا
- يجب إغلاق العناصر دائمًا
- يجب أن تكون العناصر دائمًا بأحرف صغيرة
- يجب أن تكون أسماء السمات دائمًا بأحرف صغيرة
- يجب أن يتم دائمًا اقتباس قيم السمات
- تصغير السمة ممنوع
XHTML - <! DOCTYPE ....> إلزامي
يجب أن يحتوي مستند XHTML على إعلان XHTML <! DOCTYPE>.
يجب أن تكون العناصر <html> و <head> و <title> و <body> موجودة أيضًا ، ويجب أن تحدد السمة xmlns في <html> مساحة اسم xml للمستند.
مثال
فيما يلي مستند XHTML به حد أدنى من العلامات المطلوبة:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content here...
</body>
</html>
يجب أن تكون عناصر XHTML متداخلة بشكل صحيح
في XHTML ، يجب دائمًا دمج العناصر بشكل صحيح مع بعضها البعض ، مثل هذا:
صيح:
<b><i>Some
text</i></b>
خاطئ:
<b><i>Some
text</b></i>
يجب إغلاق عناصر XHTML دائمًا
في XHTML ، يجب دائمًا إغلاق العناصر ، مثل هذا:
صيح:
<p>This is a paragraph</p>
<p>This is another paragraph</p>
خاطئ:
<p>This is a paragraph
<p>This is another paragraph
يجب إغلاق عناصر XHTML الفارغة دائمًا
في XHTML ، يجب دائمًا إغلاق العناصر الفارغة ، مثل هذا:
صيح:
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 بأحرف صغيرة
في XHTML ، يجب أن تكون أسماء العناصر دائمًا بأحرف صغيرة ، مثل هذا:
صيح:
<body>
<p>This is a paragraph</p>
</body>
خاطئ:
<BODY>
<P>This is a paragraph</P>
</BODY>
يجب أن تكون أسماء سمات XHTML بأحرف صغيرة
في XHTML ، يجب أن تكون أسماء السمات دائمًا بأحرف صغيرة ، مثل هذا:
صيح:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
خاطئ:
<a HREF="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
يجب ذكر قيم سمات XHTML
في XHTML ، يجب دائمًا اقتباس قيم السمات ، على النحو التالي:
صيح:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
خاطئ:
<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>
XHTML Attribute Minimization محظور
في XHTML ، يُحظر تصغير السمات:
صيح:
<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />
خاطئ:
<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />