دروس HTML

صفحة HTML الرئيسية مقدمة HTML محرري HTML أساسيات HTML عناصر HTML سمات HTML عناوين HTML فقرات HTML أنماط HTML تنسيق HTML اقتباسات HTML تعليقات HTML ألوان HTML HTML CSS روابط HTML صور HTML رمز HTML المفضل جداول HTML قوائم HTML كتلة HTML ومضمنة فئات HTML معرف HTML إطارات HTML IFrame HTML جافا سكريبت مسارات ملفات HTML رئيس HTML تنسيق HTML مستجيب لـ HTML HTML Computercode دلالات HTML دليل نمط HTML كيانات HTML رموز HTML HTML Emojis أحرف HTML تشفير عنوان URL لـ HTML HTML مقابل XHTML

نماذج HTML

نماذج HTML سمات نموذج HTML عناصر نموذج HTML أنواع إدخال HTML سمات إدخال HTML سمات نموذج إدخال HTML

رسومات HTML

قماش HTML HTML SVG

وسائط HTML

وسائط HTML فيديو HTML صوت HTML المكونات الإضافية لـ HTML HTML يوتيوب

واجهات برمجة تطبيقات HTML

HTML تحديد الموقع الجغرافي سحب / إسقاط HTML تخزين الويب HTML عمال ويب HTML HTML SSE

أمثلة HTML

أمثلة HTML مسابقة HTML تمارين HTML شهادة HTML ملخص HTML ولوجية HTML

مراجع HTML

قائمة علامات HTML سمات HTML سمات HTML العامة دعم متصفح HTML أحداث HTML ألوان HTML قماش HTML صوت / فيديو HTML أنماط HTML مجموعات أحرف HTML تشفير عنوان URL لـ HTML أكواد HTML لانج رسائل HTTP طرق HTTP PX to EM Converter اختصارات لوحة المفاتيح

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 />

تحقق من صحة HTML باستخدام مدقق W3C

ضع عنوان الويب الخاص بك في المربع أدناه: