الفرق بين Transitional و Strict في الـDOCTYPE

مدمن تصميم · 14-Oct-2009, 10:35 PM

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

كثيرون هم الآن من يحاولون الاتجاه إلى القياسية في مواقعهم، و يحاولون الانتقال إلى XHTML إن كانوا يستخدمون HTML و هي التي تمتاز بدقة أكثر من الأخيرة، فمثلاً عليك إغلاق جميع العناصر (مثل br) و وضع علامات الترقيم " لكل الخواص، لكن توجد ثلاث أنواع من الـXHTML سنتجاهل منها في هذه المقالة النوع Frameset، و النوعان الباقيان هما Transitional (و يمكن ترجمتها بـ انتقالي) و النوع Strict (الصارم)، و لمن يعرف HTML 4.01 سيعرف أن فيها نفس الأنواع.

و اسم النوع يشير إلى محتواه، فالنوع الأول هو لمن يتقنون نسخ قديمة من الـMarkup و يريدون استعمال XHTML الجديد، و أما النوع الآخر فهو النوع الذي يجب استعماله عند المحترفين، و يجب على المتعلمين الجدد أن يتعلموه مباشرةً.

إذا كنت تملك مستند HTML مليء بالأكواد التي لاتعلم مدى صحّتها فيمكنك بسهولة نقله إلى XHTML Transitional و لكنك ستجد صعوبة عند محاولة نقله إلى Strict، فهذا النوع يشجعك -و أحياناً يجبرك- على فصل المحتوى عن التنسيق، فيجب عليك التعامل بانضباط مع XHTML و معها CSS.

و عليك تذكر أن استعمالك للنوع الصارم له عدة فوائد، أهمها أنك ستضمن أن معظم المتصفحات ستظر الصفحة بنفس الشكل تقريباً، و لن تتساهل أثناء عملية الرندر.

و الآن سنذكر الفروقات بين النوعين لمن أراد معرفة الفرق، و تذكر, الانتقال ليس بتلك الصعوبة!
ادخل إلى هذا الرابط (http://www.zvon.org/xxl/xhtmlReferen...omparison.html) و هو يقدم مقارنة كاملة بين النوعين، و أما هنا فسنذكر الفروقات الشائكة فقط و هي التي تسبب إرباك للمنتقلين من النوع الأول إلى الثاني :
بعض العناصر شائعة جداً في استخدامها و لكنها ممنوعة في XHTML Strict، و منها:
Center, Font, BaseFont, iFrame, Noframes, U, S, Strike, Dir, Menu, Applet, IsIndex.

و بالنسبة للخواص الممنوعة (بعض الخواص مسموحة لعناصر معينة دون غيرها):

Align (و هي مسموحة فقط عند استعمالها مع عناصر الجداول Col, ColGroup, TBody, TD, TFoot, TH, Thead, TR).
language.
background و bgcolor.
border (مسموحة في الجدول Table).
height (مسموحة في الصورة Img و العنصر Object).
hspace.
name (غير مسموحة مع الـForm و مع الـImg في XHTML، و لكنها مسموحة في HTML).
noshade, nowrap, target.
text, link, vlink, and alink.
vspace.
Width (Img, Object, Table, Col, ColGroup).

ملاحظات :
- النص أو الصور غير مسموح بهما داخل العنصر body مباشرة، بل عليك تضمينهما في عنصر آخر مثل P أو Div، و كذلك الأمر بالنسبة blockquote.

- إذا أردت اتباع النوع الصارم فعليك بفصل المحتوى عن التنسيق (من خلال استعمال CSS)، و عليك التركيز على عمل العنصر و ليس على ما يفعله من أجل التنسق، ثم بعد الانتهاء من هيكلية النص هيكلة صحيحة ابدأ بالعمل على التنسيق.

الدرس للكاتب مؤيد مارديني

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
الفرق بين الحب والرومانسية للعشاق فقط	الامير333	برامج جوال	0	27-Sep-2009 07:13 AM
الفرق بين المكياج العربي والمكياج الاجنبي	زهرة الامل	عالم حواء 2010 - 2011	0	01-Sep-2009 10:33 PM
الفرق بين Transitional و Strict في الـDOCTYPE	مدمن تصميم	تطوير المنتديات والمواقع	0	20-Aug-2009 08:56 PM
الفرق بين الحب والصداقة	pink	المدرسة العامة	7	01-Sep-2008 09:12 PM
اتحداك لوتعرف الفرق	أمير الذوق والرقه	استراحة المدرسة للاستقبال	9	10-Oct-2007 08:39 PM

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

الفرق بين Transitional و Strict في الـDOCTYPE

تطوير المنتديات والمواقع