الكورس

Advertisements

HTML vs XHTML


 

HTML

 

HTML هي لغة ترميز النص التشعبي (HyperText Markup Language) وهي اللغة الأكثر استخدامًا عبر الإنترنت، تُستخدم لإنشاء صفحات الويب وربطها مع صفحة أو صفحات أخرى.

 


 

XHTML

 

XHTML تعني لغة ترميز النص التشعبي الموسعة (EXtensible HyperText Markup Language)، يمكن اعتبارها جزءًا من لغة ترميز XML نظرًا لأن XHTML تحتوي على ميزات كل من XML و HTML.

تم تطوير XHTML لجعل HTML أكثر قابلية للتوسعة ومرونة للعمل.

تتجاهل المتصفحات الأخطاء في صفحات HTML ، وتحاول عرض موقع الويب حتى إذا كان به بعض الأخطاء في الترميز، لكن يأتي مع XHTML معالج أخطاء أكثر صرامة من HTML.
HTML و XHTML ليسوا لغات برمجة ، إنهم لغات ترميز.

 

الفرق بين HTML و XHTML

 

فى هذا الجدول سيتم توضيح أشهر الفروق بين HTML و XHTML بشكل نصى، ثم بعد ذلك سيتم توضيح كل فرق بمثال مٌستقل لزيادة الفهم:

HTMLXHTML
HTML تعني لغة ترميز النص التشعبي (Hypertext Markup Language).XHTML تعني لغة ترميز النص التشعبي الموسعة (Extensible Hypertext Markup Language).
HTML ممتد من SGML.XHTML ممتد من XML و HTML.
التنسيق هو تنسيق ملف المستند.التنسيق هو لغة ترميزية.
من الممكن عدم إغلاق العناصر.يجب إغلاق العناصر دائمًا.
ليس بالضرورة أن تكون جميع الوسوم والسمات بأحرف صغيرة أو كبيرة.يجب أن تكون جميع الوسوم والسمات بأحرف صغيرة.
أثناء استخدام السمات ليس من الضروري كتابة علامتي التنصيص (“”).أثناء استخدام السمات ، من الضروري كتابة علامتي التنصيص (“”).
يمكنك تصغير السمات (أى كتابة السمة بدون قيمتها).
إنظر المثال بالأسفل.
لا يمكنك تصغير السمات.
ليس من الضرورى أن تكون عناصر XHTML متداخلة بشكل صحيح.يجب أن تكون عناصر XHTML متداخلة بشكل صحيح.
Doctype ليس ضروريًا كتابتة في المستند.Doctype يجب كتابتة في المستند (إلزامى).
امتداد اسم الملف المستخدم هي html. أو htm.امتداد اسم الملف هي xhtml. أو xht. أو xml.

💡 دعنى أوضح لك الإختلافات السابقة بالأمثلة لزيادة الفهم!


 

فى XHTML:

 

1. يجب إغلاق العناصر دائمًا!

 

صحيح:

<!-- Tags must be close! -->
<span>Must be close!</span>
<img src="image.png" alt="Image demo" />
<br/>

غير صحيح:

<!-- 
  -- Here Tag not close! --
  -- In XHTML Incorrect! --
  -- In HTML Can use!    --
-->
<span>Must be close!
<img src="image.png" alt="Image demo">
<br>

 

2. يجب أن يكون كل وسم وسمة بأحرف صغيرة

 

صحيح:

<!-- Here tags & attribute is small -->
<span class="text">Must be Small!</span>

غير صحيح:

<!-- 
  -- Here tags & attribute is Capital! --
  -- In XHTML Incorrect! --
  -- In HTML Can use!    --
-->
<SPAN CLASS="text">Must be Small!</SPAN>

 

3. يجب كتابة السمات بين علامتي التنصيص!

 

صحيح:

<!-- Here attribute value between quotes! -->
<span class="text">Must be ("") Write!</span>

غير صحيح:

<!-- 
  -- Here attribute value not between quotes! --
  -- In XHTML Incorrect! --
  -- In HTML Can use!    --
-->

<span class=text>Here not ("") Write!</span>

 

4. لا يمكنك تصغير السمات

 

صحيح:

<button type="submit" disabled="disabled">Submit</button>
<input type="checkbox" name="one" checked="checked" />

غير صحيح:

<button type="submit" disabled>Submit</button>
<input type="checkbox" name="one" checked />

 

5. يجب أن تكون عناصر XHTML متداخلة بشكل صحيح!

 

صحيح:

<!-- Here Elements are Nested! -->
<div><h1>Main Header</h1></div>

غير صحيح:

<!-- 
  -- Here Elements aren't Nested! --
  -- In XHTML Incorrect! --
  -- In HTML Can use!    --
-->

<div><h1>Main Header</div></h1>

 

6. Doctype يجب كتابتة في المستند!

 

صحيح:

<!-- DOCTYPE declaration -->
<!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..</title>
  </head>
  <body>
     page content...
  </body>
</html> 

غير صحيح:

<html>
  <head>
    <title>Title..</title>
  </head>
  <body>
     page content...
  </body>
</html> 
السمة xmlns في XHTML إلزامية أيضًا!
لاحظ جميع الأكواد المسبوقة بـ “غير صحيح” يمكن أن تعمل فى HTML بدون مشاكل، ولكن فى XHTML تسبب مشاكل!


الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

[email protected]

شكرًا لك على مساعدتك لنا!

Advertisements