مشكلة االسرعة ولأخطاء في الـHTML والمعاييررأيت بعض الأخوة يشكون أن منتدياتهم تحوي الكثير من الأخطاء عند عرضها في مدقق الـHTML وأنه بعيد كل البعد عن المعايير القياسية والثبات..
فحصت منتديات الفي بي الرئيسية.. فرأيتها تتناسب مع المعايير وأن كل شي فيها جيد..
ورأيت أيضاً أن لغة القوالب في الفي بي هي الـXHTML (لم أرى البرامج الأخرى لأحكم عليها)، إذاً فما سبب هذه الأخطاء؟
عرفت الجواب مباشرة عند فحص أحد المنتديات العربية .. إنه الاختلاف بين XHTML و HTML..
كيف؟؟
كل مافي الأمر، أن الفي بي يعتمد لغة الـXHTML في القوالب، فيضع DocType الـXHTML .. وهذا وظيفته أن الزائر عند دخوله للمنتدى سيتم تعريف المتصفح مباشرة أن اللغة هي XHTML..
لكن مصممي الاستايلات لدينا، يستخدمون الفرونت بيج وأمثاله في صنع الاستايلات، فالأكواد الناتجة تكون في العادة HTML ..
ما معنى هذا؟
عندما يدخل المتصفح للمنتدى يرى دوك تايب الـXHTML فيعتمد الصفحة على انها XHTML ويسهّل عليه فتح الصفحة، لكنه يفاجأ عند رؤيته لأكواد الـHTML (الناتجة من فرونت بيج) بدلاً من XHTML.. وعندها يقوم بالبحث عن أوسمة الإغلاق والأشياء التي يجب وجودها في XHTML ..
وهذا يؤخر فتح الصفحة قليلاً لدى كل عضو ويؤثر بشكل عام على الجميع
وعند فحص المنتدى بالمدقق ستجد الأخطاء كثيرة وربما بالمئات.. وستقول أن الموقع لايوافق المعايير القياسية، والصحيح عكس ذلك، كل مافي الأمر أن المدقق يرى المنتدى من الدوك تايب أن لغته هي XHTML ثم يرى الأكواد هي أشياء أخرى فيعتبرها كلها أخطاء..
فالحل إذاً فقط بأن نغير الدوك تايب إلى دوكتايب الـHTML لأن الأكواد التي صنعناها بالفرونت بيج والتصميم هي HTML
لم تفهم شيئاً؟
لا بأس.. قم بتطبيق الخطوة التالية ولاتهتم بما سبق
اجعل أخطاء منتداك قليلة بأسهل الطرقالآن.. كيف يمكنك تغيير الدوك تايب لتتجنب كل هذه الأخطاء وتسرّع منتداك قليلاً؟
(التطبيق للفي بي فقط)ابدأ باسم الله:
1- بعد الدخول للوحة تحكم الإدارة (Admincp) اضغط على "التحكم بالاستايلات":
2- بعد دخول القسم، افتح الاستايل المراد التعديل عليه بالضغط على زر "اذهب" دون تغيير أي شيء:
<table class=ncode_imageresizer_warning id=ncode_imageresizer_warning_4 width=600><tr><td class=td1 width=20>
</TD>
<td class=td2 unselectable="on">انقر هنا لعرض الصوره بحجمها الإفتراضي</TD></TR></TABLE>
3- ستظهر لك الكثير من الخيارات.. انزل قليلاً فقط لترى النموذج التالي:
<table class=ncode_imageresizer_warning id=ncode_imageresizer_warning_2 width=600><tr><td class=td1 width=20>
</TD>
<td class=td2 unselectable="on">انقر هنا لعرض الصوره بحجمها الإفتراضي</TD></TR></TABLE>
سترى الكود التالي في النموذج:
كود:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
قم بحذفه كاملاً.. وضع هذا:
كود:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
ثم اضغط زر الحفظ
عد للصفحة من جديد، إن تغير لون الكلام للبرتقالي كما في الصورة التالية فقد تمت العملية بنجاح:
<table class=ncode_imageresizer_warning id=ncode_imageresizer_warning_3 width=600><tr><td class=td1 width=20>
</TD>
<td class=td2 unselectable="on">انقر هنا لعرض الصوره بحجمها الإفتراضي</TD></TR></TABLE>
4- انتهينا.. العملية سهلة جداً ^_^
تأكد من المدقق، ولاحظ الفرقادخل هنا:
[مشاهدة الروابط للأعضاء فقط. إضغط هنا للتسجيل]ضع رابط موقعك في أول خانة واضغط "check"
انظر لعدد الأخطاء..
قم الآن بتطبيق الشرح الوارد في موضوعنا.. وقم بالتدقيق مرة أخرى ولاحظ الفرق الآن في عدد الأخطاء..
بالنسبة إلي.. قمت بتجربة اثنين من المنتديات، وكانت النتيجة:
1- المنتدى الأول:
- عدد الأخطاء قبل التغيير: 102
- بعد التغيير: 10
2- المنتدى الثاني:
- عدد الأخطاء قبل التغيير: 73
- بعد التغيير: 29
خطوة بسيطة نحو التطور.. كل شخص حر في منتداه، لكن لنسعى للتطور بكل الطرق ونسهّل وصول منتدياتنا ومواقعنا للجميع
بالمناسبة..
أرجوا من جميع مصممي الاستايلات الذين اقتنعوا بالكلام، أن يطبقوا هذا في جميع استايلاتهم التي يطرحونها حتى ينتشر بشكل أكبروفقكم الله
الكاتب: المبدع العربي