ما هو الفرق بينhtml, Xhtml, Dhtml

[مــحــمــد]

ما هو الفرق بينHTML, XHTML, DHTML


:HTML, XHTML, DHTML

لغة ال HTML هي أكثر لغة برمجة مستخدمة في مجال الانترنت ، حتى وقت قريب كانت كل صفحة تزورها مكتوبة بلغة HTML ،
و HTML اختصار ل Hyper Text Markup language وهي صممت خصيصا للانترنت ليمكن للمواقع أن تعرض المعلومات على الانترنت حول العالم


أما XHTML هي تقريبا متشابهة ولكن تتبع قواعد XML

ولكن الفارق الأساسي بين ال HTML و XHTML هو ما يسمى بالحالة الحرفية ( أي ----------) والحاجة الى انهاء أو قفل الوسوم tag وأيضا الحاجة الى استخدام علامات اقتباس ' '
مع كل العناصر الموجودة داخل الوسوم ويجب أن تكون الحالة الحرفية لهذه العناصر منخفض اي small letters مثل ال xml .

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

متى يجب أن تهتم بال XHTML بدلا من استخدام لغة HTML المبسطة ؟

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

XHTML عادة ما يستخدم لمواقع الأعمال الكبيرة ، و يحل محل ال HTML
Dynamic HTML ليس مصطلح معياري معرف من قبل جمعية تحديد معايير شبكة الانترنت
( World Wide Web Consortium W3C ) هو فقط مصطلح تجاري ،
اطلقته شركتي نت اسكيب Netscape وميكروسوفت Microsoft لشرح التقنية الجديدة التي يدعمها الجيل الرابع من متصفحات الانترنت


DHTML هو مجموعة من التقنيات لجعل صفحة الويب ديناميكية ، وعند معظم الناس يعتبر اتحاد ما بين الإصدار الرابع للغة ال HTML و صفحات تنسيق النص Style Sheets ، والجافا سكريبت JavaScript
ويعتبر موقع Dynamic Drive من أهم المواقع على شبكة الانترنت والتي يمكن لك أن تحصل فيها على أكواد وسكريبتات مجانية لتعزيز موقعك .



طبعاً منقول للفائدة :) .....وبإنتظار رد الأستاذ خالد ليوضح لنا ما يعرف من فروقات
بين ال html && xhtml

[أ. خالد]

كلام جميل أخي محمد لكن أريد توضيح بعض النقاط:

1- ال XHTML هي ليست بديلة HTML
أي كل منهما هي لغة منفصلة ولكل استخدام

استخدم ال XHTML عندما تريد التعامل مع بيانات XML وإلا فاستخدم HTML

2- ال XHTML تحوي نفس تعليمات HTML ولاتزيد عليها أبداً أي نفس التعليمات ولك الفرق في بعض القيود الزائدة في XHTML
وهذه القيود هي:

* كل تعليمات XHTML يجب أن تغلق

<strong>this text will show in bold style</strong>
<img src="google.jpg" />

هل لاحظت كيف تم إغلاق تعليمة الصورة فالتعليمات التي تتكون من مقطع واحد تغلق بوضع / قبل إغلاقها


* كل التعليمات يجب أن تكون بأحرف صغيرة

<em>some text</em>


هذه هي أهم قاعدتين وتذكر أن ال XHTML ليست بديلة HTML

ملاحظة: لحد يومنا هذا توجد بعض المتصفحات التي لا تقدر على XHTML فتقوم بترجمته على أنه HTML ومن هذه المتصفحات Internet Explorer 6

[مــحــمــد]

السلام عليكم ....

الله يعطيك العافية أخي ...

ولقيت هالموضوع "بترايدنت " أرجو أن يفيدنا أيضاً ....

ومتل ما منعرف زيادة الخير خيرين :) ....
وخصوصي أنو الموضوع من ترايدنت ...

مقدمة عن لغة الـ Xhtml

ماهي الـ XHTML ؟

هي عبارة عن تعديل وناتج معالجة للغة الـ HTML لتتوافق مع لغة الـ XML-Extensible Markup Language حيث تم دمج أفضل وأقوى الخصائص مابين اللغتين لتصدير هذه اللغة ... تخيّل المرونة العالية فيها



بعض الفروق المهمة بين الـ HTML و الـ XHTML :

يجب إغلاق جميع الأقواس في الـ XHTML tags
حيث أن بعض برامج مستعرض الانترنت تستعرض الجداول بطريقة صحيحة باستخدام الـ HTML حتى وإن لم تغلق الأقواس ... مثال :


<table width="100%"> <tr> <td> <p><b>مرحباً بك في 100hla</td> </tr> </table> <hr>


لاحظ أننا لم نغلق أقواس كل من <p> و <b> و<hr>ومع ذلك يظهر مفعولها تلقائياً عند استعراض المتصفح ؛

أما في لغة الـ XHTML فلابد من إغلاق جميع الأقواس حتى تعمل ويستعرضها المتصفح بشكل سليم ... مثال ذلك :


<table width="100%"> <tr> <td> <p><b>مرحباً بك في 100hla</b></p> </td> </tr> </table> <hr />


لاحظ كيف قمنا بإغلاق كل قوس عن طريق إضافة slash داخل القوس وبعد الأمر .. وللتوضيح أكثر :


<b>المضمون</b>



# يجب إعطاء القيم فواصل الإقتباس .. "القيمة"
بخلاف الـ HTML تحتاج لأقواس الإقتباس عند إعطاء قيمة لخاصية معينة ... مثال ذلك :

HTML


<table width=100%> <tr> <td> <p><b>مرحباً بك في100hla</td> </tr> </table> <hr>


لاحظ قيمة العرض هنا 100% دون أقواس "

XHTML


<table width="100%"> <tr> <td> <p><b>مرحباً بك في 100hla</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>




لاتحرموني أبداً من دعائكم في ( الغيب )

[غسان]

يلي بعرفو بيستخدم xhtml لأنها أكثر وثوقية ليهك بستخدم في المواقع التعاملات التجارية ..كيف بيتحقق هذه الوثوقية في هذه اللغة أو الحماية ؟؟؟؟

[أ. خالد]

هذه اللغة ليست بلغة برمجة بل هي لغة ترميزية أي تحوي رموز تفسر من قبل المتصفح ... لذلك لا عالقة لها بالوثوقية لا من قريب ولا من بعيد