السلام عليكم ورحمة الله وبركاته
المصدر (( ترايدنت ))
هامش :
صعوبة الدرس تعتمد على مدى انسامجك مع أكواد الـ HTML
وهذا إختصار للجملة Hypertext Markup Language
فكل ما كان تعاملك معها أكثر كان الدرس أسهل عليك ..
**************************************************
بسم الله .. نبدأ
ماهي الـ XHTML ؟
هي عبارة عن تعديل وناتج معالجة للغة الـ HTML لتتوافق مع لغة الـ XML-Extensible Markup Language حيث تم دمج أفضل وأقوى الخصائص مابين اللغتين لتصدير هذه اللغة ... تخيّل المرونة العالية فيها
*********************************
بعض الفروق المهمة بين الـ HTML و الـ XHTML :
يجب إغلاق جميع الأقواس في الـ XHTML tags
حيث أن بعض برامج مستعرض الانترنت تستعرض الجداول بطريقة صحيحة باستخدام الـ HTML حتى وإن لم تغلق الأقواس ... مثال :
<table width="100%"> <tr> <td> <p><b>مرحباً بك في ترايدنت </td> </tr> </table> <hr>
لاحظ أننا لم نغلق أقواس كل من <p> و <b> و<hr>ومع ذلك يظهر مفعولها تلقائياً عند استعراض المتصفح ؛
أما في لغة الـ XHTML فلابد من إغلاق جميع الأقواس حتى تعمل ويستعرضها المتصفح بشكل سليم ... مثال ذلك :
<table width="100%"> <tr> <td> <p><b>مرحباً بك في ترايدنت</b></p> </td> </tr> </table> <hr />
لاحظ كيف قمنا بإغلاق كل قوس عن طريق إضافة slash داخل القوس وبعد الأمر .. وللتوضيح أكثر :
<b>المضمون</b>
# يجب إعطاء القيم فواصل الإقتباس .. "القيمة"
بخلاف الـ HTML تحتاج لأقواس الإقتباس عند إعطاء قيمة لخاصية معينة ... مثال ذلك :
HTML
<table width=100%> <tr> <td> <p><b>مرحباً بك في ترايدنت </td> </tr> </table> <hr>
لاحظ قيمة العرض هنا 100% دون أقواس "
XHTML
<table width="100%"> <tr> <td> <p><b>مرحباً بك في ترايدنت</b></p> </td> </tr> </table> <hr />
لاحظ قيمة العرض هنا 100 % بين أقواس "
مثال آخر :
HTML
<option checked>1</option>
XHTML
<option checked="checked">1</option>
أظنك تستطيع إستنتاج الغاية من تطلب أقواس الإقتباس وذلك لأن حتى القيم في الـ XHTML لها خصائص وخيارات أكثر تستطيع تحديدها واستخدامها
**********************************
كن حريص عند إدخال لغات برمجية أخرى على الـ XHTML :
# عند إدخال أوامر شرطية conditional comments على قوالب الـ XHTML أفصلها كالتالي :
<!-- This is a comment --> الأوامر الشرطية تضعها هنا <!-- This is a comment/ -->
ثم تكمل القالب كما تريد .
# عند إدخال ستايلز CSS stylesheet راعي أن تكون في مكان مفصول عن قوالب الـ XHTML حيث أن معظم خصائص الأكواد تتشابه بين اللغتين والمكان الأفضل للإستايلز هو في أعلى الصفحة قبل البدء في إنشاء قوالب XHTML الـ <head> تحديداً ؛ حيث تبدأ بإنشاء css styles وتحدد كل الخصائص التي تحتاجها ثم تغلق الإستايلز .. للتوضيح :
كود:
<!-- CSS Stylesheet --> <style type="الأول"> <!-- حدد خصائص الإستايل وقيمة كل خاصية هنا --> </style> <!-- / CSS Stylesheet -->
وبعد ذلك إبدأ بالجزء<body> وقوالب الـ XHTML
وحين تريد استخدام الإستايل الذي حددت خصائصه كل ما عليك إضافة كود
class="الجزء الأول"
على الجدول لكي يكتسب مميزات الاستايل الذي أنشأته بـلغة الـ css stylesheet
# عند إضافة أكواد الجافا - مثل ما فعلنا في الـ css stylesheet - يجب فصلها تماماً عن قوالب الـ XHTML في مكان معين ( يفضل في الجزء head تحت الـ css stylesheet إن وجدت ) كالتالي :
<script language="JavaScript" src="mystuff.js"> أوامر وتعاريف الجافا هنا </script>
أتمنى أني أستطعت توضيح وشرح أساسيات بسيطة في هذا الدرس
وبإذن المولى أكمل وياكم في أقرب فرصة الجزء الثاني ..
مهم جداً
يجب أن يكون قد سبق لك التعامل مع أكواد الـ HTML كي يتسنى لك فهم هذا الدرس والدروس القادمة بإذن الله ..
لاتحرموني أبداً من دعائكم في ( الغيب )
مع كل الود والتقدير
أخوكم صخر