[IMG]http://www.ismailfayed.*etfirms.com/images/besm.gif[/IMG]
ماهي الـ XHTML ؟
هي عبارة عن تعديل وناتج معالجة للغة الـ HTML لتتوافق مع لغة الـ XML-Exte*sible Markup La*guage حيث تم دمج أفضل وأقوى الخصائص مابين اللغتين لتصدير هذه اللغة ... تخيّل المرونة العالية فيها
*********************************
بعض الفروق المهمة بين الـ HTML و الـ XHTML :
يجب إغلاق جميع الأقواس في الـ XHTML tags
حيث أن بعض برامج مستعرض الانترنت تستعرض الجداول بطريقة صحيحة باستخدام الـ HTML حتى وإن لم تغلق الأقواس ... مثال :
<table width="100%"> <tr> <td> <p><b>مرحباً بك في ترايدنت </td> </tr> </table> <hr>
لاحظ أننا لم نغلق أقواس كل من <p> و <b> و<hr>ومع ذلك يظهر مفعولها تلقائياً عند استعراض المتصفح ؛
أما في لغة الـ XHTML فلابد من إغلاق جميع الأقواس حتى تعمل ويستعرضها المتصفح بشكل سليم ... مثال ذلك :
كود بلغة HTML:
<table width="100%"> <tr> <td> <p><b>السلام عليكم</b></p> </td> </tr> </table> <hr />
لاحظ كيف قمنا بإغلاق كل قوس عن طريق إضافة slash داخل القوس وبعد الأمر .. وللتوضيح أكثر :
<b>المضمون</b>
# يجب إعطاء القيم فواصل الإقتباس .. "القيمة"
بخلاف الـ HTML تحتاج لأقواس الإقتباس عند إعطاء قيمة لخاصية معينة ... مثال ذلك :
HTML
لاحظ قيمة العرض هنا 100% دون أقواس "
XHTML
كود بلغة HTML:
<table width="100%"> <tr> <td> <p><b>السلام عليكم</b></p> </td> </tr> </table> <hr />
لاحظ قيمة العرض هنا 100 % بين أقواس "
مثال آخر :
HTML
كود بلغة HTML:
<optio* checked>1</optio*>
XHTML
كود بلغة HTML:
<optio* checked="checked">1</optio*>
أظنك تستطيع إستنتاج الغاية من تطلب أقواس الإقتباس وذلك لأن حتى القيم في الـ XHTML لها خصائص وخيارات أكثر تستطيع تحديدها واستخدامها
كن حريص عند إدخال لغات برمجية أخرى على الـ XHTML :
# عند إدخال أوامر شرطية co*ditio*al comme*ts على قوالب الـ XHTML أفصلها كالتالي :
كود بلغة HTML:
<!-- This is a comme*t --> الأوامر الشرطية تضعها هنا <!-- This is a comme*t/ -->
ثم تكمل القالب كما تريد .
# عند إدخال ستايلز CSS stylesheet راعي أن تكون في مكان مفصول عن قوالب الـ XHTML حيث أن معظم خصائص الأكواد تتشابه بين اللغتين والمكان الأفضل للإستايلز هو في أعلى الصفحة قبل البدء في إنشاء قوالب XHTML الـ <head> تحديداً ؛ حيث تبدأ بإنشاء css styles وتحدد كل الخصائص التي تحتاجها ثم تغلق الإستايلز .. للتوضيح :
كود:
<!-- CSS Stylesheet --> <style type="الأول"> <!-- حدد خصائص الإستايل وقيمة كل خاصية هنا --> </style> <!-- / CSS Stylesheet -->
وبعد ذلك إبدأ بالجزء<body> وقوالب الـ XHTML
وحين تريد استخدام الإستايل الذي حددت خصائصه كل ما عليك إضافة كود
كود بلغة HTML:
class="الجزء الأول"
على الجدول لكي يكتسب مميزات الاستايل الذي أنشأته بـلغة الـ css stylesheet
# عند إضافة أكواد الجافا - مثل ما فعلنا في الـ css stylesheet - يجب فصلها تماماً عن قوالب الـ XHTML في مكان معين ( يفضل في الجزء head تحت الـ css stylesheet إن وجدت ) كالتالي :
كود بلغة HTML:
<script la*guage="JavaScript" src="mystuff.js"> أوامر وتعاريف الجافا هنا </script>
أتمنى أني أستطعت توضيح وشرح أساسيات بسيطة في هذا الدرس
مقدمة عن لغة الـ Xhtml
العرض العادي
