الفرق بين XHTML و HTML

من خلال البدء في كتابة HTML صارم، يمكنك الاستعداد للتحول إلى XHTML.

كيفية الاستعداد للتحول إلى XHTML

لا يوجد فرق كبير بين XHTML و HTML 4.01 في المعايير.

لذلك، يعد تحديث شيفرةك إلى 4.01 بداية جيدة. لدينا شيفرة كاملة في《دليل مرجع HTML 4.01سيساعدك في تحقيق ذلك.

إضافةً إلى ذلك، يجب عليك كتابة شيفرة HTML باستخدام الحروف الصغيرة على الفور، ولا تكن ملتزمًا بتجنب عادات سيئة مثل </p>.

نأمل أن تستمتع بالبرمجة!

الفرق الرئيسي:

  • عناصر XHTML يجب أن تكون مدمجة بشكل صحيح
  • عناصر XHTML يجب أن تكون مغلقة
  • يجب أن تكون اسم العلامة باستخدام الحروف الصغيرة
  • يجب أن يكون لديروثة XHTML عنصر جذري

يجب أن تكون العناصر مدمجة بشكل صحيح

في HTML، يمكن أن تكون بعض العناصر مدمجة بشكل غير صحيح مثل هذا:

<b><i>هذا النص مائل ومائل</b></i>

في XHTML، جميع العناصر يجب أن تكون مدمجة بشكل صحيح مثل هذا:

<b><i>هذا النص مائل ومائل</i></b></b>

نصيحة:خطأ شائع في القوائم المدمجة هو نسيان أن القائمة الداخلية يجب أن تكون داخل علامة li، مثل هذا:

هذا خطأ:

<ul>
  <li>قهوة</li>
  <li>شاي</li>
    <ul>
      <li>شاي أسود</li>
      <li>شاي أخضر</li>
    </ul>
  <li>اللبن</li>
</ul>

هذا صحيح:

<ul>
  <li>قهوة</li>
  <li>شاي
    <ul>
      <li>شاي أسود</li>
      <li>شاي أخضر</li>
    </ul>
  </li>
  <li>اللبن</li>
</ul>

ملاحظة: في أمثلة الشيفرة الصحيحة، قمنا بإدراج علامة </li> بعد </ul>.

عناصر XHTML يجب أن تكون مغلقة

يجب استخدام علامة الإغلاق للعلامات غير الفارغة

هذا خطأ:

<p>هذا جملة
<p>هذا هو فقرة أخرى

هذا صحيح:

<p>هذا جملة</p>
<p>هذا هو فقرة أخرى</p>

يجب أيضًا إغلاق العلامات الفارغة

يجب أيضًا إغلاق العلامات الفارغة، أو يجب أن يستخدم بدلاً من ذلك العلامة البدائية/>النهاية.

هذا خطأ:

قطع: <br
خط أفقي: <hr>
صورة: <img src="happy.gif" alt="وجه سعيد">

هذا صحيح:

قطع: <br />
خط أفقي: <hr />
صورة: <img src="happy.gif" alt="وجه سعيد"> />

عناصر XHTML يجب أن تكون صغيرة

تعريف XHTML: اسم العلامة وسم الخاص يجب أن يكون الحساس للصيغة.

هذا خطأ:

<BODY>
<P>هذا جملة</P>
</BODY>

هذا صحيح:

<body>
<p>هذا جملة</p>
</body>

وثيقة XHTML يجب أن يكون لها عنصر جذر

جميع عناصر XHTML يجب أن تكون مضمنة في العنصر الجذر <html>. جميع العناصر الأخرى يمكن أن يكون لها أبناء. يجب أن تكون الأبناء مزدوجة ومضمنة في العنصر الأب. بنية الوثيقة الأساسية يجب أن تكون كالتالي:

<html>
<head> ... </head>
<body> ... </body>
</html>