XHTML في HTML
سابقاً علّمت SSE المتصفح فتح EventSource واستقبال تدفق نص أحادي من الخادم — تحديثات حية لا تاريخ صياغة المستند. هذا الدرس يترك التدفقات ويغلق مسار التاريخ الاختياري بـ XHTML: HTML مكتوب بقواعد XML. النطاق عملي — ما كان أصرم، ماذا غيّر HTML5، أي عادات ما زالت تساعد — لا مخططات XML.
لماذا XHTML في دورة HTML
المبتدئ يرى عناوين XHTML Strict ويظن أنه يجب إعادة كتابة كل صفحة. لا — HTML5 هو الهدف السائد. معرفة الصرامة القديمة تفسر طلب الوسوم الصغيرة والاقتباسات و
. بعد دفع الخادم للأحداث، التقسيم هنا مختلف: قواعد تاريخ الوسم لا واجهات الزمن الحقيقي.
إجابة مباشرة
1) XHTML = HTML كـ XML. 2) عادات كلاسيكية: أحرف صغيرة، سمات مقتبسة، عناصر فارغة صريحة. 3) الافتراضي الحديث: HTML5 مع <!DOCTYPE html>. 4) الوسم النظيف ما زال مهماً. 5) للمشاريع الجديدة: أنماط HTML5. 6) ترجم نصائح XHTML القديمة إلى ممارسة HTML5.
📊 HTML5 vs classic XHTML habits
| Topic | HTML5 (this course) | XHTML-style strictness |
|---|---|---|
| Doctype | <!DOCTYPE html> | Older XHTML DOCTYPE lines |
| Empty elements | <br> / <img> fine | Often <br /> / <img … /> |
| Attribute quotes | Strongly recommended | Required in XHTML |
| Element case | Lowercase by convention | Lowercase required in XHTML |
| Error recovery | Forgiving HTML parsers | XML rules were stricter |
| This course depth | Required (daily practice) | History + habits to recognize |
| Not this lesson | Full CSS layout course | XML schemas / MIME product design |
تباين صغير للوسم الفارغ
نفس المعنى، أسلوبان. المتصفحات تقبل كليهما في HTML5 العادي؛ شكل الشرطة المائلة دليل عصر XHTML.
<!-- HTML5-friendly empty tags -->
<p>Line one<br>Line two</p>
<img src="photo.jpg" alt="Demo photo">
<!-- XHTML-looking empty-element form -->
<p>Line one<br />Line two</p>
<img src="photo.jpg" alt="Demo photo" />
قراءة التباين
- br وbr / كلاهما كسر سطر في HTML5 اليومي
- الشرطة كانت صياغة العنصر الفارغ في XHTML
- الاقتباس حول src وalt عادة جيدة وإلزامية في XHTML
- الأحرف الصغيرة توافق العرفين
- ليس SSE — بلا EventSource
- لا تغيّر MIME لمجرد br /
- أبقِ المقدمة صغيرة
صفحة مصغّرة جيدة التشكيل
مستند قصير يحترم عادات العصرين: doctype وcharset وسمات مقتبسة وعناصر مغلقة. ابقَ على doctype HTML5.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Well-formed mini page</title>
</head>
<body>
<h1>Clean markup still helps</h1>
<p>Quoted attributes and closed tags keep the tree clear.</p>
<img src="photo.jpg" alt="A demo photo">
</body>
</html>
قراءة الصفحة المصغّرة
- <!DOCTYPE html> يعني HTML5
- lang وcharset والاقتباسات عادات دائمة
- أغلق العناصر غير الفارغة
- alt لإمكانية الوصول
- لا علاقة بـ SSE
- انقل عادات الدروس القديمة وأبقِ HTML5 للعمل الجديد
- الخطوة التالية غالباً CSS
اختيار HTML5 أو عادات XHTML أو دروس قديمة
- صفحة جديدة: HTML5 + عادات نظيفة
- كتاب XHTML Strict قديم: ترجم القواعد؛ أبقِ HTML5
- رؤية br /: أسلوب عصر XHTML
- دفع حي من الخادم: كان SSE
- حساب خارج الخيط: كان Workers
- مخططات XML أو application/xhtml+xml: خارج هذه المقدمة
تمرين — قارن وأبقِ HTML5 وميّز العصور
- اقرأ تباين الوسم الفارغ.
- راجع جدول العادات.
- أكّد doctype HTML5.
- جملة: SSE تدفق أحداث؛ XHTML تاريخ وسم.
- جملة: المشاريع الجديدة تستهدف HTML5.
- اختياري: رتّب مقتطفاً مع اقتباسات.
- ملاحظة: يغلق طابور إعادة كتابة HTML.
أخطاء سهلة
- فرض MIME/XML بلا فهم المخاطر
- اعتبار تساهل HTML5 إذناً لوسم سيئ
- خلط عصور بلا دليل أسلوب
- الخلط مع SSE
- الاعتقاد أن كل موقع يجب أن يكون XHTML Strict
- نسخ doctype XHTML قديم لمشروع جديد
- ظن الاقتباس «لـ XHTML فقط»
ملخص
- XHTML كان HTML بقواعد XML أصرم
- HTML5 مع <!DOCTYPE html> هو الافتراضي الحديث
- الأحرف الصغيرة والاقتباسات والإغلاق ما زالت تساعد
- ترجم دروس XHTML القديمة
- SSE كان دفعاً حياً؛ هذا تاريخ وسم
- طابور إعادة كتابة HTML ينتهي هنا — التالي غالباً CSS
🧠 اختبر معرفتك
اختبر معرفتك
تحدى نفسك مع هذا الاختبار التفاعلي واكتشف مدى فهمك للموضوع
📝 التعليمات
- اقرأ كل سؤال بعناية
- اختر أفضل إجابة لكل سؤال
- يمكنك إعادة الاختبار عدة مرات كما تريد
- سيتم عرض تقدمك في الأعلى